Div zentrieren.

Tobias.H · #1 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*** · #2 19-06-2007, 22:41

Quelltext, Adresse?

Tobias.H · #3 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*** · #4 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 · #5 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.

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

Du hast ihn nicht gelesen

Ich hab den negativen Margin hinter die Breitenangabe gestellt, geht es so?

Das Board (TW Styles) und Commnews nutzen die gleichen Konstrukte und funktionieren in allen Browsern

Schau es dir zur Not an...

Bnetze außerdem eine gültige DocType Deklaration um in allen Browsern eine gültige Darstellung zu erreichen - ohne schalten zumindest IE und Opera in den Quirks- statt den Standarmodus

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
...
</head>
<body>
...
</body>

...wobei du nicht gerade xhtml strict benutzen musst

Tobias.H · #7 19-06-2007, 23:11

Ach sorry, hab deinen Beitrag daoben falsch verstanden gehabt. ^^

Den Margin hinter die Breitenangabe zu legen nützt auch nichts.

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken
Ansicht	Thema bewerten
Zur Linear-Darstellung wechseln Hybrid-Darstellung Zur Baum-Darstellung wechseln	Thema bewerten:

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