CSS probleempje in FF

[6K]

Ik probeer wat generieks voor mezelf te maken, een tooltje wat stylesheets en een index pagina genereert.

Op zich gaat dat allemaal goed, omdat het niet zo heel diep gaat, maar er is 1 ding waar ik tegenaan blijf lopen, wat ik ook aanpas.

op www.seesharp.nl/testpieter/test.htm staan 2 bestanden:
test.htm en style.css

deze centreren een pagina, hebben een header en footer met daar tussenin een container met menu en content.
In IE komen deze prima naast elkaar te staan, maar in FF lukt het me niet.
Ik wil geen absolute positioning gebruiken als het niet hoeft.

Iemand enig idee?

[BalusC]

Zet eens clear: left; in de footer.

[6K]

ik kan dat helaas vanavond pas testen bij gebrek aan FireFox hier, maar kun je me uitleggen waarom je zegt/denkt dat de footer het probleem is? want deze ligt buiten die container waar het menu en de content in staan?

[TeeDee]

Even getest, en dat is een oplossing inderdaad.

Waarom je een clear:left; in de footer zet? Als ik het goed beredeneer komt dat omdat het menu/content geen vaste hoogte heeft en/of uit de flow gehaald is (float:left).

Je zou bijvoorbeeld ook een float:left ipv een clear:left, maar daarmee kan je je weer andere problemen op de nek halen.

[ Voor 25% gewijzigd door TeeDee op 13-07-2006 09:07 ]

[Clay]

Als d'r ergens iets float, komt alles wat in de flow zit, geen clear heeft (aan die kant) en er naast past er gewoon naast, ongeacht de nesting.

[ Voor 26% gewijzigd door Clay op 13-07-2006 09:11 ]

[BalusC]

Inderdaad

En zet ook eens overflow: hidden; in de master, anders komen de menu en content niet helemaal in de master terecht.

[6K]

ah werkt inderdaad goed
duurde wat langer, omdat het alsnog fout gaat als er helemaal niets in het menu staat
ook dat gaat in IE wel goed, maar FF laat de lege div niet zien >.<

maar goed, wat voor nut heeft een menu als je er niets in stopt. Vreemd is wel dat, wanneer ik dezelfde code genereer met het menu bovenin, FF wel een leeg menu gewoon laat zien