hallo liebe Leutz,
folgendes problem: eine website soll zentriert im browserfenster stehen. soweit alles in ordnung. im background steht ein bild welches ebenfalls zentriert (horizontal u. vertikal) sein soll. im ie funtz das wunderbar. leider im firefox nicht. dieser zentriert den hintergrund nur vertikal.
html/css sieht so aus.
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
* {
border:0;
margin:0;
padding:0;
}
html, body {
text-align:center;
font-size:100.01%;
margin:0 auto;
}
body {
font:12px/16px Arial, Helvetica, sans-serif;
color:#000;
background:#666 url(images/bckgr_body.png) no-repeat center center;
}
#container {
text-align:left;
position:absolute;
height:480px;
width:760px;
margin:-240px 0 0 -380px;
top:50%;
left:50%;
border:1px solid black;
}
</style>
</head>
<body>
<div id="container"> </div>
</body>
</html>
kann mir da jemand einen tipp geben woran das liegen kann. selbst wenn man den absolute und mittig positionierten container weg lässt macht es das füchschen nicht.
ciaó Typochonder
.
. In der CSS-Anweisung für html und body hat mir noch eine Höhen- und Breitenangabe gefehlt.
