Hey ho!
Ich habe mir ein Design überlegt, welches man sich
hier ansehen kann. Im FireFox (2.0) wird dieses korrekt wie gewünscht angezeigt, im IE 6.0 (Bild im Anhang) jedoch nicht.
Hier der
HTML-Code
Code:
<!DOCTYPE
html PUBLIC "-//
W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<
html>
<head>
<title>
Eternal - {title}
</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body class="opaque">
<div id="head" class="transparent">
{head}
</div>
<div id="nav" class="transparent">
{nav}
Ewig langer Text
Ohne Inhalt
Oder Sinn
</div>
<div id="stat" class="transparent">
{stat}
Ewig langer Text
Ohne Inhalt
Oder Sinn
Ewig langer Text
</div>
<div id="main" class="transparent">
{main}
Ewig langer Text
Ohne Inhalt
Oder Sinn
Ewig langer Text
Ohne Inhalt
Oder Sinn
Ewig langer Text
</div>
<div id="foot" class="transparent">
{foot}
{information}
</div>
</body>
</
html>
und hier der entsprechend nötige Auszug aus dem CSS
Code:
.opaque {
background-image:
url(images/bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
.transparent {
background-image:
url(images/bg20.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
Ich hoffe ihr könnt mir helfen, immerhin soll es ja nicht nur im FF so aussehen!
Flare