Zitat:
|
Zitat von Narodnaja
Werde das mal durchtesten.
Eh - der center-Tag und einiges anderes sind noch fälschlicherweise übrig geblieben, wie ich unnötigen Inhalt gelöscht habe, der wird natürlich auch eröffnet 
Validator wäre eine Idee  war zu spät gestern.
Ich meld mich heute Abend nochmal. Verdammter Quirks-Mode. |
Ich habs mir nochmal angeschaut. Es war natürlich alles andere als valide, aber dummerweise hilft das auch nix ...
Hier mal
verlinkt, diesmal CSS2 und HTML4.01 strict valide.
Der Quellcode ist hier (neuer Versuch mit Hilfe des bekannten Dead-Center-Beispiels), diesmal komplett:
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css" media="screen"><!--
body
{
color: white;
background-color: #003;
margin: 0px
}
#mittellinie
{
color: white;
background-color: #0ff;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#rahmen
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: #f00;
color : white;
margin-left: -401px;
position: absolute;
top: -288px;
left: 50%;
width: 802px;
height: 576px;
visibility: visible;
text-align: left
}
#oben {
overflow:hidden;
width:800px;height:222px;
padding:0px;
border: 1px solid green;
vertical-align:bottom;
text-align: center
}
#inhalt {
background-image: url(./testbild.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
overflow:auto;
width:800px;height:350px;
border: 1px solid green
}
</style>
</head>
<body>
<div id="mittellinie">
<div id="rahmen">
<div id="oben">
</div>
<div id="inhalt">
</div>
</div>
</div>
<p>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://faenger.de/csstest.html">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" >
</a>
</p>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01 Strict" height="31" width="88"></a>
</p>
<p>
<a href="http://www.validome.org/referer">
<img style="border:none"
src="http://www.validome.org/images/set2/valid_html_4_0_1.gif"
alt="Valid HTML 4.01" width="88" height="31">
</a>
</p>
</body>
</html>
Schau dir das mal im IE, Firefox und Opera (den ich benutze) an. Ich kapier nicht, warum die Zentrierung des verdammten Hintergrundbildes bei Opera 9.01 und Firefox 1.5.0.7 auf die Gesamtseite erfolgt, und nicht bezüglich des divs, in dem es steckt
Hat jemand (Sven ?) eine Idee ?