Diven som jag innesluter alla andra i heter #rap. Den har en bakgrund för att sträcka ut kolumnerna ordentligt (enligt http://alistapart.com/articles/fauxcolumns). I den ligger de vanliga #menu och #content och även en h1 som banner.
Som synes så sträcks den inte ut tillräckligt långt i Mozilla utan bodybakgrunden lyser igenom och texten inom #content blir oläslig.
Jag har noggrant kollat igenom för att se om det händelsevis skulle kunna vara att jag har avslutat den diven för tidigt vilket inte verkar vara fallet eftersom det fungerar som det ska i IE och Opera.
Du har float på både #content och #menu, vilket i kombination med att det inte finns något "normalt" innehåll längst ner i #rap förmodligen får dessa (som ju på sätt och vis ligger "ovanpå" rap iom float) att inte sträcka ut #rap... (har för mig att detta är ett vanligt problem - men kommer inte på någon källa i hastigheten)
Prova att lägga en
<div style="clear:both">&nbsp;</div>
eller motsvarande längst ner i #rap så att denna innehåller något "riktigt" och inte bara float:s
Ett av dem är naturligtvis att du låter bli att float:a #content (som ju förmodligen oftast är den högre containern ;) ) men det funkar inte om du kan ha sidor där menyn blir högre också... finns bland exemplen på http://realworldstyle.com om jag kommer ihåg rätt
Spacer-div...
det låter skrämmande likt spacer-gif.
Att inte floata den ena funkar inte eftersom vilken som är högst skiftar. Jaja, jag hittade i alla fall en liten användning för extra-diven. Inte innehållsmässig men designmässig.
274 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
