inco
New member
Mit der folgenden Datei habe ich so meine Probleme:
Der Body soll - auch im IE - keinerlei Rand haben.
Hat jemand Ideen hierzu?
- egal welchen DOCTYPE ich nehme, IE 7.0.5730.11 zeigt mir keinen "fixed" Background an
- gebe ich background-attachment: fixed; an, zeigen geckos u. opera keinen Hintergrund mehr an
- auch die Kombi background: #FFF url(ol.gif) no-repeat fixed; hilft nicht
- im strict mode habe ich einen Rand um den body trotz html{border:none;} und body {border:none;}
Der Body soll - auch im IE - keinerlei Rand haben.
Hat jemand Ideen hierzu?
PHP:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- mit Kommentar vor DOCTYPE IE in quirks mode versetzen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<style type="text/css">
html {
height: 100%;
max-height: 100%;
padding: 0;
margin: 0;
border: none;
/* \*/
overflow: hidden;
/* */
}
body {
height: 100%;
max-height: 100%;
padding: 0;
margin: 0;
border: none;
overflow: hidden;
background-color: orange;
}
div#nav {
position: absolute;
background-color: orange;
padding: 0;
top: 0;
bottom: 0;
width: 130px;
}
* html div#nav {
height: 100%;
}
div#titel {
z-index: 99;
position: absolute;
background: #E0E0E7;
padding: 0;
height: 2.5em;
top: 0;
left: 130px;
width: 640px;
}
div#inhalt {
overflow: auto;
position: absolute;
background-color: #FFF;
background: #FFF url(ol.gif) no-repeat; /* fixed: nicht IE 7.0.5730.11 */
/*
background-image: url(ol.gif);
background-position: 0px 0px;
background-position: top left;
background-repeat: no-repeat;
background-attachment: fixed;
*/
padding: 0.5em 0 1em 0;
top: 2.5em;
bottom: 0;
left: 130px;
width: 640px;
}
* html div#inhalt {
top: 0;
height: 100%;
border-top: 2.5em solid #EEE;
}
p {
margin: 800px 0;
}
img#ol {
z-index: 99;
position: absolute;
top: 2.5em;
left: 130px;
}
</style>
<title>titel</title>
</head><body>
<!--
<img src="ol.gif" id="ol" width="5" height="5" />
-->
<div id="titel">Titel</div>
<div id="nav"><a href="">Menü</a></div>
<div id="inhalt">
<p>Inhalt</p>
<p>Inhalt</p>
</div>
</body></html>
Zuletzt bearbeitet:
