[css] IE - div uitrekken tot bottom

[Verwijderd]

ik heb een div in een div(container) die ik wil forceren om zich uit te rekken tot de onderkant van het scherm, dus ik dacht gewoon bottom: 0px alleen werkt dit weer eens in IE niet (mozilla dus gewoon wel)

code:

#main{  
        border: 1px solid;
        top: 120px;
        left: 150px;
        position: absolute;
        width: 630px;
        bottom: 0px;
}

iemand een idee?

[André]

http://www.alistapart.com/articles/fauxcolumns

[J_Davelaar]

margin-bottom: 0px??

[Verwijderd]

margin-bottom: 0px

werkt niet

[Woudloper]

Verwijderd schreef op donderdag 02 december 2004 @ 16:11:
margin-bottom: 0px

werkt niet

Klopt, je moet daarvoor zoals André ook zegt een oplosing gaan gebruiken zoals: Faux Columns. Wellicht is het een andere denkwijze, maar dit is hoogstwaarschijnlijk de beste oplossing voor je beschreven probleem...

[André]

IE bied gewoon geen toereikende oplossingen, dus met de faux columns truc kom je een heel eind in de richting.

[Verwijderd]

Volgens mij helpt die faux-oplossing voor mij niets

De bedoeling is als volgt:
bovenaan een banner-ding-div van 120px hoog en daaronder de main-div (met daarin een iframe) die zich uitstrekt tot de onderkant van de pagina.

(zijn de mensen bij ms nou echt zo stom dat ze niet begrijpen dat als ik bottom: 0px; doe ik de div wil uitrekken tot de onderkant van de pagina??? )

[Rickets]

Dan is de 'Faux Columns'-oplossing juist perfect
Uitgaande van twee kolommen, maak je een plaatje dat deze twee kolommen weergeeft. Dit zet je als achtergrondplaatje en laat je verticaal herhalen, waarmee je de twee kolommen 'simuleert'. Die banner ligt dan boven dit achtergrondplaatje; dat zorgt dus niet voor problemen.

[ Voor 8% gewijzigd door Rickets op 02-12-2004 16:35 ]

[Verwijderd]

tables ? Ik snap zowieso niet waarom zo veel mensen div / css site's willen terwijl ie dit eigelijk niet redelijk ondersteund wordt door ie. Nu beweer ik niet dat firefox een lekkertje is (genoeg bugs daar gezien), maar toch. Een tabel op 100% height zetten werkt dus. (behalve als je xhtml strict gebruikt en je niet een bepaalde tag meegeeft.Weet zo niet welke... Maar ook dan rekt de tabel niet meer uit ). *zucht*


(btw . de faux oplossing is ook crap. Stel dat ik copyright informatie onder de pagina wil die altijd onderaan blijft staan?)

[ Voor 15% gewijzigd door Verwijderd op 02-12-2004 16:42 ]

[JoeKurr]

In IE kun je javascript expressions gebruiken in je CSS.
Ik gebruik het regelmatig om divs op de juiste plek / grootte te krijgen.

code:

#main{    
        position: absolute;
        top: 120px;
        bottom: 0px;
        left: 150px;
        width: 630px;
        height: expression(document.body.clientHeight - 120);
}

zou moeten werken.

Andere browsers ondersteunen expression niet, en negeren het gewoon.

[Verwijderd]

code:

height: expression(document.body.clientHeight - 120);

danku danku het werkt!
hier kan een slotje op