Webkit Zentrierung?

[inetEXT]

Der code funktioniert zum Zentrieren bei IE und Firefox bei safari z.b nicht?
gibts da eine lösung?

body {
	margin:0px auto;
	text-align:center;
}

#wrapper {
	text-align:center;
	margin:0px auto;
	width:500px;
}
#header {
	text-align:center;
	margin:0px auto;
	width:500px;
	height:300px;
	background:#090;
}
#navi {
	width:500px;
	height:100px;
	background:#006;
}
#content {
	width:500px;
	height:auto;
	background:#666;
}
#footer {
	height:50px;
	width:500px;
	background:#C09;
}

<div id="wrapper">
	<div id="header">
    </div>
    <div id="navi">
    </div>
    <div id="content">
    </div>
    <div id="footer">
	</div>
</div>

 

[patrick_l]

AW: Webkit Zentrierung?

Mach erst einmal ein CSS Reset um alle Browser auf einen Nenner zu bringen. Das geht einfach und schnell mit dem Stern-Selektor:

/* --| CSS reset |------ */
* {padding:0; margin:0; border:none; outline:none; list-style:none;}
html, body {min-height:100%; min-width:100%;}

Dem Body und Header brauchst du kein margin auto geben. Selektiere einfache deinen Wrapper im CSS und gib diesem ein margin auto. Dann wird der Wrapper im Browser mittig ausgerichtet.

#wrapper {width:500px; margin:0 auto;}

Liebe Grüße, Patrick

 

[inetEXT]

AW: Webkit Zentrierung?

Ok werd ich machen danke

Hat funktioniert

 

[behemoth65]

AW: Webkit Zentrierung?

Mach erst einmal ein CSS Reset um alle Browser auf einen Nenner zu bringen. Das geht einfach und schnell mit dem Stern-Selektor:

/* --| CSS reset |------ */
* {padding:0; margin:0; border:none; outline:none; list-style:none;}
html, body {min-height:100%; min-width:100%;}

Dem Body und Header brauchst du kein margin auto geben. Selektiere einfache deinen Wrapper im CSS und gib diesem ein margin auto. Dann wird der Wrapper im Browser mittig ausgerichtet.

#wrapper {width:500px; margin:0 auto;}

Liebe Grüße, Patrick

Ja , das sollte das erste sein was man als werdender CSS-Coder lernt, ein vernünftiger CSS-Reset per Universal-Selektor "*".

 

[inetEXT]

AW: Webkit Zentrierung?

Ja , das sollte das erste sein was man als werdender CSS-Coder lernt, ein vernünftiger CSS-Reset per Universal-Selektor "*".

Ich werds mir merken