fgr Skrevet 29. januar 2009 Del Skrevet 29. januar 2009 (endret) http://ringelrangel.com/test3/ prøv å scroll ned. jeg har satt parent elements til 100% height, men som dere ser når det kommer scroll pga. høyre divs blir for lang, da slutter venstre div. 100% height blir liksom bare 100% av det browseren viser, ikke av hele innholdet på siden. noen som veit hvordan løse dette? http://ringelrangel.com/test3/oversikt.php?kategori=spill her virker det fks som planlagt, diven stretches til bunnen av siden. Endret 29. januar 2009 av jagarock Lenke til kommentar
cbastus Skrevet 29. januar 2009 Del Skrevet 29. januar 2009 Tror du må gjøre litt med koden. Putt .venstremenyen og .container i en ytre div med høyde 100% og display: table;. <style> .wrapper { height: 100%; display: table; } </style> <body> <div class="wrapper"> <div id="venstremenyen" /> <div id="container" /> </div> </body> Du kan da fjerne display: table fra .venstremenyen Når du setter body tagen til 100 % er det som regel ikke nok så det er en god sedvane å putte en wrapper/container rundt alt innholdet innenfor body tagen. Lenke til kommentar
fgr Skrevet 29. januar 2009 Forfatter Del Skrevet 29. januar 2009 wut? display: table? funker det med IE da? Lenke til kommentar
cbastus Skrevet 29. januar 2009 Del Skrevet 29. januar 2009 (endret) Nei, muligens ikke: Dispaly oversikt. Tror uansett løsningen ligger i å wrappe innholdet i en DIV da body som regel ikke er så egnet. Alternativ får du bruke en stygg, stygg, stygg javascript hack i slutten av dokumentet ditt: //Denne må sikkert files litt på da height og offsetHeight varierer fra IE til FF til Opera osv osv osv.<script> getElementById("venstremenyen").style.height = document.body.style.height; </script> Endret 29. januar 2009 av cbastus Lenke til kommentar
FrodeNilsen Skrevet 29. januar 2009 Del Skrevet 29. januar 2009 Hvis det du er ute etter er lik høyde på to kolonner, så er css-tabeller løsningen. Problemet er at IE7 ikke har støtte for dette. Jeg har ikke testet IE8 mot dette enda, men støtten må være der for å passere ACID2 testen, som tross alt var design målet. Det finnes løsninger for containing-floats og nøstede-floats, men disse er mer av adhoc typen. Dette er diskutert heftig og uvennlig tidligere i dette forumet. Det er en noe skarp tone i disse trådene, noe det fort blir når flere sterke karakterer går i tottene på hverandre. https://www.diskusjon.no/index.php?session=...&p=11255421 Mitt råd er å skrive kode som kan formateres som tabell, formater koden som tabell, og så får du hacke det du gidder mot IE7 & co med conditionals. Slik hacking vil du typisk klare med null eller liten endring av markup. Merk at CSS3 imøtegår de som benytter containing floats slik at de ikke trenger ett element i bånn som klarerer begge sider. Frode Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå