Ola!
Ik heb een IE probleem, tenminste daar lijkt het op. Ik wil een HTML pagina verdelen in drie vlakken: header, main en footer. De header start 10 px onder de top en heeft een hoogte van 40. De footer start 10 px boven bottom en heeft ook een hoogte van 40. Het stuk ertussen, de main area, zou dat op moeten vullen. In Mozilla werkt het wel, in IE 6 niet. Hieronder mijn HTML pagina. Weet iemand een work-around zonder vaste coordinaten voor main te gebruiken?
Thankz,
Marcel
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
div#header{
display: block;
position: absolute;
top: 10px;
width: 900px; /* fixed width of 900 pixels, window centered */
left: 50%;
margin-left: -450px;
height: 40px;
border: 1px #ccc dashed;
}
div#main{
display: block;
position: absolute;
width: 900px; /* fixed width of 900 pixels, window centered */
left: 50%;
margin: 0; padding: 0;
margin-left: -450px;
top: 60px;
bottom: 60px;
border: 1px #ccc dashed;
}
div#footer{
position: absolute;
width: 900px; /* fixed width of 900 pixels, window centered */
left: 50%;
margin-left: -450px;
left: 50%;
bottom: 10px;
height: 40px;
border: 1px #ccc dashed;
}
</style>
</head>
<div id="header">
De header start vanaf 10 onder de top en loopt door tot en met 50 onder de top, da's goed.
</div>
<div id="main">
Hiero zit het probleem. Deze div start 60 onder top en behoort door te lopen tot 60 boven bottom. In Mozilla werkt dat prima,
onder IE 6 Windows niet. Ik wil geen vaste coordinaten gebruiken voor deze area. Weet iemand een work-around?
</div>
<div id="footer">
De footer start vanaf 10 boven bottom en loopt door tot en met 50 boven bottom, da's de bedoeling ook
</div>
</html>
Ik heb een IE probleem, tenminste daar lijkt het op. Ik wil een HTML pagina verdelen in drie vlakken: header, main en footer. De header start 10 px onder de top en heeft een hoogte van 40. De footer start 10 px boven bottom en heeft ook een hoogte van 40. Het stuk ertussen, de main area, zou dat op moeten vullen. In Mozilla werkt het wel, in IE 6 niet. Hieronder mijn HTML pagina. Weet iemand een work-around zonder vaste coordinaten voor main te gebruiken?
Thankz,
Marcel
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
div#header{
display: block;
position: absolute;
top: 10px;
width: 900px; /* fixed width of 900 pixels, window centered */
left: 50%;
margin-left: -450px;
height: 40px;
border: 1px #ccc dashed;
}
div#main{
display: block;
position: absolute;
width: 900px; /* fixed width of 900 pixels, window centered */
left: 50%;
margin: 0; padding: 0;
margin-left: -450px;
top: 60px;
bottom: 60px;
border: 1px #ccc dashed;
}
div#footer{
position: absolute;
width: 900px; /* fixed width of 900 pixels, window centered */
left: 50%;
margin-left: -450px;
left: 50%;
bottom: 10px;
height: 40px;
border: 1px #ccc dashed;
}
</style>
</head>
<div id="header">
De header start vanaf 10 onder de top en loopt door tot en met 50 onder de top, da's goed.
</div>
<div id="main">
Hiero zit het probleem. Deze div start 60 onder top en behoort door te lopen tot 60 boven bottom. In Mozilla werkt dat prima,
onder IE 6 Windows niet. Ik wil geen vaste coordinaten gebruiken voor deze area. Weet iemand een work-around?
</div>
<div id="footer">
De footer start vanaf 10 boven bottom en loopt door tot en met 50 boven bottom, da's de bedoeling ook
</div>
</html>
:strip_exif()/u/4652/ozicon.gif?f=community)
:strip_exif()/u/39521/icoon.gif?f=community)
/u/7685/ruinmytune-60x60.png?f=community)
Hij hoeft toch geen tabulaire data te presenteren?
:strip_exif()/u/73978/1342961269.gif?f=community)
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
:strip_exif()/u/3140/106386.gif?f=community)
, gelukkig heb ik geen visitekaartjes...
/u/75138/crop62d6d55ea32e5_cropped.png?f=community)
