CSS + Firefox

[vitrix]

Ik ben bezig met stage en probeer een div layout te maken voor de site.
Heb mijn div's 100% gekregen maar nu heb ik een probleem met mijn rand.

In IE werkt hij perfect maar zodra de tekst langer wordt dan het scherm wordt alleen het maincontent gedeelte verlengt en niet de eerst div ( die om de hele pagina heen zit )
Hoe kan ik zorgen dat als de tekst langer is dan je scherm die buitenste div mee trekt voor de border.

hier kan je het zien
http://www.redwireracing.nl/div/test.htm

[Michali]

Dat komt door de floats. Je moet binnen div.main of div.maincontent aan het eind (na alle elementen) een clearing div zetten. <div style="clear: both;"></div> Die zorgt er voor dat het bevattende element opgerekt wordt tot aan het eind.

[vitrix]

Ik heb dat onder menu en content gezet maar geen suc6 wordt zelfs erger want nu reageer die als 2 divs zonder float.
Als ik hem in de maincontent zet helpt het ook niet =(

[Michali]

Ok, dan moet je height: 100%; van div.main weghalen en position: absolute; van div.maincontent. Daarnaast moet je dan nog die clearing div aan het eind van div.main zetten.

[ Voor 3% gewijzigd door Michali op 16-03-2006 14:40 ]

[vitrix]

werkt ook niet.
=(
dan is die lang goed maar als die kort is heb ik helemaal gaan echtergrond =/ vaag

[ Voor 69% gewijzigd door vitrix op 16-03-2006 15:08 ]

[Michali]

Hoe bedoel je? Wees eens iets duidelijker.

[vitrix]

heb het.
om in IE de hoogte als klein goed te hebben.
*html .main{height: 100%;}

en in main heb ik min-height:100%; gedaan IE pak die niet maar FF wel en dan blijf die minimaal 100% hoog.

Ik heb ook main content weg gehaalt omdat die nutteloos is

http://www.redwireracing.nl/div/test.htm

bekijk hem maar in ie en ff
link test en test 2 werken is met weinig tekst en veel tekst.

[ Voor 22% gewijzigd door vitrix op 16-03-2006 15:19 ]