Frage stellen
Sorry, das ich gleich zur Sache komme, aber ich hab da ein Problem welches mich noch zum Verzweifeln bringt.
Der folgende Quellcode funktioniert im Firefox ohne Probleme, jedoch im IE8 spinnt er sich aus. Ich habe es jetzt mal geschafft das der Mittel-DIV "von oben" richtig beginnt, aber er hört unten falsch auf.
Wann ihr den Quelltext im Firefox öffnet, isses so wie es sein soll.
Macht man ihn aber im IE8 (grrrr) auf, stimmt der Abstand vom content-div zum unteren Rand nicht.
Schaut mal bitte kurz drauf. Bin für jeden Tipp dankbar
- Code: Alles auswählen
<html>
<head>
<title>Site</title>
<style type="text/css">
.mainpage_topnav {
font-family: Arial;
color: #000000;
font-size:16px;
text-decoration: none;
}
.mainpage_topnav a:link {
color:#FFFFFF;
text-decoration: none;
}
.mainpage_topnav a:visited {
color:#FFFFFF;
text-decoration: none;
}
.mainpage_topnav a:hover {
color:#FFFFFF;
text-decoration: none;
}
html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
font-size:76%;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
body {
height:100%;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
}
#content {
background:#FF0000;
display:block;
overflow:auto;
position:absolute;
z-index:3;
top:380px;
bottom:52px;
width:1024px;
min-width:1024px;
margin-left:0px;
left:0;
border-left:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
border:0px solid #000;
}
* html #content {
top:223px;
margin-bottom:-30px;
min-height:75%;
height:75%;
max-height:50;
width:1024px;
border-top:154px solid #FFFFFF;
border-bottom:100,1% solid #FFFFFF;
}
#head {
background:#00FF00;
position:absolute;
margin-left:0px;
left:0;
top:0;
width:1024px;
min-width:1024px;
height:380px;
z-index:5;
border:0px solid #000;
}
* html #head {
top:0px; width:100%; height:125px;
}
#foot {
position:absolute;
margin-left:0px;
left:0;
bottom:0;
width:100%;
min-width:100%;
height:50px;
font-size:1em;
z-index:5;
border:0px solid #000000;
}
* html #foot {
bottom:2px; width:100%; height:48px;
}
</style>
</head>
<body>
<div id="head"></div>
<div id="foot">footer</div>
<div id="content">
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
</div>
</body>
</html>
