nicht angemeldet
Hallo,
Was ich jetzt noch probieren könnte - den <body> auf die gleiche Breite zu setzen wie den #container und genauso zentrieren... wenn er das macht.
Nein, es geht nicht. Sobald ich den <body> auf die gleiche Breite setze und die Außenabstände auf : auto; setze, damit er den zentriert, setzt er mir das #zusatzelement wieder ganz nach links oben.
Nein, nicht, wenn das BODY-Element "nicht die Normaleinstellung position:static hat".
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
* { margin:0; padding:0; }
html { background-color:#FFF; }
body { position:relative; width:500px; background-color:#00AFFF; margin:auto; margin-top:10px; }
#container { background-color:#00FFAF; border:10px solid #00AFFF; } /*border, weil margin-top mit BODY-margin-top zusammenfällt*/
#zusatzelement { position:absolute; top:70px; left:20px; background-color:#00AFAF; } /*60px + 10px border = 70px; 10px + 10px border = 20px*/
-->
</style>
</head>
<body>
<div id="container">
<div id="element-1">...element-1...</div>
<div id="element-2">
<div id="element-2-1">...element-2-1...</div>
<div id="element-2-2">...element-2-2...</div>
</div>
<div id="element-3">...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... ...element-3... </div>
</div>
...
<div id="zusatzelement">...zusatzelement...</div>
</body>
</html>
Vom Funktionieren abgesehen wäre mir das aber zu wenig HTML, sprich "Elemente, weil der Inhalt dort eine Überschrift, eine Liste, eine Tabelle, einen Textabsatz enthält" und zuviel Design, sprich "Elemente, weil _es_ so aussehen soll".
viele Grüße
Axel