Iexplorer zentriert nicht, allen anderen schon

[nobody_css]

Hallo Liebe User,

ich habe vor kurzem angefangen mit DIVs statt Tables zu arbeiten.
Habe folgenden ersten Entwurf gebaut:

Alle Browser zeigen alles zentriert an ausser der Iexplorer.
Könnt ihr mir bitte helfen.

Vielen Dank

<style>

body {

background-image: url(hg.png);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
}


div#header {
	position:absolute;
	width: 970px;
	height: 80px;
	text-align: center;
	margin:0px 0;
	border: 0px solid red;
	background-image: url(header.png);
}


div#container2 {
	position:absolute;
	width: 485px;
	height: 300px;
	text-align: center;
	margin:150px 0;
	border: 1px solid red;
	background-image: url(header.png);
	background-repeat: no-repeat;
}


div#container3 {
	position:absolute;
	width: 485px;
	height: 300px;
	text-align: center;
	margin:150px 485px;
	border: 1px solid red;
	background-color:blue;
background-image: url(header.png);
	background-repeat: no-repeat;
filter:alpha(opacity=20); /* IE */
-moz-opacity:0.2; /* Gecko-Browser */
opacity:0.2; /* Opera 9+ */
}

div#container4 {
	position:absolute;
	width: 485px;
	height: 300px;
	text-align: center;
	margin:450px 0;
	border: 1px solid red;
}

div#container5 {
	position:absolute;
	width: 970px;
	height: 300px;
	text-align: left;
	margin:750px 0;
	border: 1px solid red;
}




.clear {
       clear: both;
}

</style>



<div style="width: 970px; margin: 0 auto;">
<div id="container5">TEST</div>
<div id="header">&nbsp;</div>
<div id="container2">&nbsp;</div>

<div id="container3">&nbsp;</div>


<div id="container4">&nbsp;</div>
<div class="clear">&nbsp;</div>
</div>

 

[threadi]

Man verwendet weder Tabellen noch div's um eine Webseite zu formen.

Man sollte möglichst auf absolute Positionierung verzichten. Das führt nur zu vielen Problemen, wenn man nicht weiß wie man es anwendet.

Und: man sollte immer ein HTML-Grundgerüst inkl. Doctype verwenden, wenn man auf eine korrekte Darstellung aus ist.

Also bitte nochmal überdenken und korrigieren.

 

[nobody_css]

hallo, also es lag am DOCTYPE.
und zwar habe ich in php/mysql ein box div system gebaut. wo man für angelegte menüpunkte den contentbereich festlegen kann (für laie).
Sagen wir mal ein Administrator möchte in der ersten Reihe 3 Boxen nebeneinander (Höhe 200px, Breite 300)
da drunter 2 Boxen (Höhe 200px und Breite 450px). Es ist sehr variabel.

Für jede Div Box kann eine Regel eingestellt werden.
zb. Div Box 2 rechts neben DivBox 1 Div Box 4 unter Div Box 1 usw. (php rechnet dann jeweils die pixel dazu und gibt per absolute und top bzw left die box aus)
wenn ich keine divs oder tabellen benutzen soll, wie soll ich dann eine Seite formen wo man genau bestimmt wo header oder footer oder inhalt stehen soll?

 

[Elroy]

Hallo.

Der Administrator sollte sich Gedanken über die Auszeichnung seines Inhalts machen und dann das Layout mit den richtigen Selektoren bestimmen.

Baukastensystem die nach deinem Prinzip arbeiten gibt es schon mehr als genug.

Gruss
Elroy