PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
R

IE6 probleempje

Door Rogier op 02-12-2007 12:10
1.365 views
Beste mensen,

Ik ben momenteel druk bezig met css maar ik word toch echt gek van dit probleem. ik heb er ook al naar gezocht... maar ik denk dat ik gewoon niet weet naar waar naar ik moet zoeken.

Het probleem is als volgt:

code:

<style type="text/css">
<!--

html {
height: 100%;
}

#test {
height: auto;
width: 150px;
position: absolute;
top: 150px;
bottom: 0px;
background-color: #CCCCCC;
}
-->
</style>
</head>

<body>
<div id="test">Content for New Div Tag Goes Here</div>

Nu is dus het probleem dat de hoogte van de div niet helemaal doorloopt naar beneden. Weet een van de gebruikers hier de oplossing?

Groetjes,

Rogier
O Onbekend Onbekend
02-12-2007 12:11
Doe ipv height: auto; height: 100%; En dan html { ect.. weg.

En zet je script even tussen code tages.
R Rogier
02-12-2007 12:51
Het werkt niet... In firefox en IE7 werkt het wel. Maar in IE6 neemt de div de grootte aan van de tekst die erin staat. Maar deze moet dus helemaal tot onderaan een grijze achtergrond hebben.
O Onbekend Onbekend
02-12-2007 12:52
In de titel staat IE6..

Hou Firefox maar aan, die houdt zich aan de standaarden.
R Rogier
02-12-2007 13:11
Klopt, in Firefox werkt het perfect.. In IE7 werkt het ook perfect, alleen in IE6 wordt de div evengroot als de inhoud, alsof hij niet top:150px; en bottom: 0px; weet te combineren.

Hoop dat het zo duidelijk is.
b bart van der veen
02-12-2007 13:13
html, body {
height: 100%;
}

#container {
position: relative;
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}

met dank aan jankoehoorn.nl

ps @jan koehoorn, ie6 geeft een typische foutmelding bij jou site "loading content..."
R Rogier
02-12-2007 13:18
Bedankt voor de reacties,

Het is alleen niet helemaal wat wat ik zoek. Want zoals in de code is vermeld moet de div 150px van de top beginnen. En helemaal doorgaan tot de bottom. Daarom heb ik ook de div een absolute waarde gegeven :)

Maar in IE6 wordt de background #ccc dus niet doorgevoerd tot helemaal beneden aan.
J J V
03-12-2007 11:26
Niek schreef op 03.12.2007 10:54
Je moet hiervoor geen position: absolute gebruiken op zo'n manier.
Kijk eens naar dit artikel, misschien dat dit het is wat je zoekt


Dit werkt in firefox niet, staat ook in de reacties eronder. Daar staan trouwens ook goede links naar andere sites.

Hier werkt hij perfect in IE, maar in firefox krijg je helaas een scrolbalk, omdat hij onderin een heel klein stukje niet laat zien.
Dit heb je ook bij jou artikel.

-edit-

http://www.woonwerkwinkeldedussel.nl/test/ Hier een voorbeeldje.

Reageren

Inloggen om te reageren