<html>
<head>
<title>Black Sheep Unna</title>
</head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="menuscript.js" language="javascript" type="text/javascript"></script>
<body>
<div id="seite">
<div id="banner">
<a href="start.html" target="home"><img src="banner.jpg" border="0"></a>
</div>
<div id="navi">
NAVIGATION
</div>
<div id="navi_oben">
<a href="impressum.html" target="home">Impressum</a>
</div>
<div id="iframe">
<iframe src="start.html" width="100%" height="100%" frameborder="0" name="home"></iframe>
</div>
<div id="copy">
© 2008 by Black Sheep
</div>
</div>
</body>
</html>#seite{
margin: auto;
width:1000px;
height: 570px;
border:0px solid red;
background:#000000;
color:#00CC00;
}#zentrierhilfe {
position: absolute;
top: 50%;
left:50%;
height: 1px;
width: 1px;
}#seite{
position: absolute;
top: -285px; /* hälfte von height */
left: -300px;/* hälfte von width */
width:600px;
height: 570px;
background:#000000;
color:#00CC00;
}Dafür zwei divs zu nehmen ist aber überflüssig. Das geht auch mit einem.
Die Bildschirmauflösung begrenzt nur die maximal verfügbare Anzeigefläche nach oben. Sonst hat die Auflösung keine Relevanz. Auch mit einer Auflösung von 1280x1024 kann man ein Fenster haben, das kleiner ist als 1000px.
Da muss ich dir recht geben. Eine Verschiebung, links aus dem Viewpoint lässt sich mit dieser Methode nicht Verhindern.
Meine maximale verfügbare Anzeigefläche reicht nicht um so riesige Fenster darzustellen. Ich muß meine Lieblingsauflösung ändern um den Zentriereffekt zu sehen. Den Wert für height zu ändern habe ich einfach nur vergessen.
Aber wenn jemand mit nem kleinen Handy-Bildschirm kommt, kann das trotzdem wieder zu Problemen führen. Ich würde es grundsätzlich nicht empfehlen, weil es ja auch keinen Grund dafür gibt. Es gibt ja eine andere Möglichkeit, ein Element horizontal zu zentrieren. Es gibt aber nur sehr wenige Browser, die das nicht verstehen und wenn da die Website nicht zentriert ist, ist das weniger tragisch, als wenn es auch nur einen gibt, der die Site aufgrund der Verschiebung nicht nutzen kann.
