Div zentrieren.

***Sven*** · #1 15-06-2007, 09:18

Gersi, das sorgt nur dafür, daß der Inhalt mittig im div ausgerichtet wird.
So:

Code:

<div style='width:100%; text-align:center;'><div>Inhalt</div></div>

Alternativ, für zB Header gut zu gebrauchen:

Code:

<div style='position:absolute; left:50%; width: 300px; margin-left:-150px;'>Inhalt</div>

Erklärung: Der linke Margin ist negativ und entspricht der Hälfte der Breite des div.

Tobias.H · #2 16-06-2007, 01:12

Sehr schön!

Funktioniert perfekt. thx

Tobias.H · #3 19-06-2007, 21:23

Jetzt hab ich ein neues Problem.

Diese Lösung funktioniert im IE perfekt, doch in Firefox verschwindet die halbe Seite im linken Bildschirmrand.

***Sven*** · #4 19-06-2007, 22:41

Quelltext, Adresse?

Tobias.H · #5 19-06-2007, 22:46

Code:

<div style= 'position:absolute; width:100%; text-align:center;'>
<div style="position: absolute; margin-left:-450px; width: 900px; height: 2000px; z-index: 1; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" id="Main">Inhalt</div></div>

www.TeamCount.de

***Sven*** · #6 19-06-2007, 22:53

Code:

<div style= 'position:absolute; width:100%; text-align:center;'>
<div style="position: absolute; width: 900px; margin-left:-450px; height: 2000px; z-index: 1; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" id="Main">Inhalt</div></div>

?????

Tobias.H · #7 19-06-2007, 22:56

Das ist der Quelltext, wo ich vermute, dass da der Fehler ist, da sich dieser Teil auf die zentrierung im Browser bezieht.

Also irgendwie scheint der Firefox die Zeile

Code:

<div style= 'position:absolute; width:100%; text-align:center;'>

zu ignorieren.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)