Danke erstmal BlackHawk,
leider beantwortet das auch nicht meine frage. Wie man DIV´s zentriert weiß ich bereits hehe...was ich genauer wissen wollte ist---> Was muss ich machen das ich die BOX FÜR LOGO z.B 50px von oben verschieben kann?
Wenn ich "margin 50px auto" benutz wird zwar das Div zentriert aber der Abstand stimmt nicht weils den gesamten HAUPTCONTAINER nach unten verschiebt. Ausser im IE da wirds richtig angezeigt. Bei FF und OP verschiebt sich alles.
Ich hab mal den QT mitreinkopiert...evtl. krieg ich ja mehr Antworten
Danke....
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXX</title>
<style type="text/css" media="screen">
<!--
#Hauptcontainer { background-color: #333333;
color: #CCCCCC;
width: 100%;
height: 1200px;
margin: 0px auto; }
#Inhalt { background-color: FF9900;
color: #CCCCCC;
width: 900px;
height: 1200px;
margin: 0px auto; }
#Seitenelement { background-color: #0066FF;
color: #CCCCCC;
width: 60px;
height: 1200px;
float: left;
margin-left: 0px;
margin-bottom: 0px; }
#BoxfürLogo { background-color: #996633;
color: #CCCCCC;
width: 700px;
height: 80px;
margin: 0px auto;
text-align: center; }
#BoxfürÜberschrift { background-color: #00FF00;
color: #CCCCCC;
width: 700px;
height: 200px;
margin: 60px auto; }
-->
</style>
</head>
<body>
<div id="Hauptcontainer">
<div id="Inhalt">
<div id="Seitenelement">
</div>
<div id="BoxfürLogo">Box für Logo
</div>
<div id="BoxfürÜberschrift">
<img src="Überschrift.jpg" alt="Kurzbeschreibung" />
</div>
<div id="BoxfürFoto">
</div>
<div id="BoxfürTexte">
</div>
</div>
</div>
</body>
</html>
[/LEFT]