Div zentrieren.

***Sven*** · #1 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 · #2 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*** · #3 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 · #4 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.

***Sven*** · #5 19-06-2007, 23:17

http://validator.w3.org/check?uri=ht...eamcount.de%2F
Behebe das mal....
Als DocType setzt du html 4.01 transitional ein:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Tobias.H · #6 19-06-2007, 23:44

Ich verstehe die übrig gebliebenen Fehler nicht.

Zitat:

Line 37 column 0: start tag was here.
<div style= "position:absolute; width:100%; text-align:center;">

Zitat:

Line 193 column 6: end tag for "DIV" omitted, but its declaration does not permit this.
</body>You forgot to close a tag, or
you used something inside this tag that was not allowed, and the validator is complaining that the tag should be closed before such content can be allowed.
The next message, "start tag was here" points to the particular instance of the tag in question); the positional indicator points to where the validator expected you to close the tag.

Zitat:

Line 180 column 146: an attribute value must be a literal unless it contains only name characters.
... auswählt.</font><hr size = 4 color = #FFFF00>

Zitat:

Line 183 column 22: an attribute value must be a literal unless it contains only name characters.
<hr size = 10 color = #FFFF00>

***Sven*** · #7 19-06-2007, 23:54

37 und 193: Entweder ist eines der <div> nicht abgeschlossen (nutze Zeileneinrückung!) oder du hast Code verwendet der in <div> nicht erlaubt ist. Ich vermute Ersteres da das den eigentlichen Darstellungsfehler erklären würde.
180/183: <hr size="4" color="ffff00"> (Anführungszeichen (solltest du immer benutzen) und Kleinschreibung).
Eigentlich musst du Tags ohne Abschluss trotzdem abschließen (zumindest in XHTML, aber das nutzt du ja nicht

), wirklich richtig wäre also (ohne CSS):
<hr size="4" color="ffff00" />

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)