Hallo!

Gibt es eine Möglichkeit, einen div-Layer mit fester Breite und Höhe in der genauen Seitenmitte zu zentrieren, so daß dieses div genau horizontal und vertikal zentriert ist. Dazu soll dann noch eine feste Breite kommen.

Gibt es da einen sinnvollen Weg? (Muß nicht mit NS 4.7 funzen )

---
www.kuminatano.de

Oh je, hatte Nachtdienst und habe selbst den Französischuntericht verschlafen, aber vermutlich eine Freundin, dazu gebracht, die auch Nachtdienst hatte, sich wegen mir aus dem Bett zu quälen - und nun bin ich nicht da :(.

Also brauche ich heute mindestens eine gute Tat :
div horizontal zentrieren: div align="center" (klappt sogar mit ns4.7).
div vertikal Zentrieren: nicht möglich, da bei "Eröffnung" des divs oben im Quelltext die Höhe des Inhaltes ja noch gar nicht klar ist. Du kannst als style-Attribute natürlich height (http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#height) verwenden und dann noch mit overflow arbeiten, aber wenn, dann kannst Du nur absolute Schriften verwenden, da sonst ruckzuck Dein Layout kaputt ist.
Dann hast Du es zwar zentriert, aber je nach Bildschirmauflösung musst Du mit anderen Wert arbeiten, was bedeutet JavaScript-Weiche oder Ähnliches. Es sei denn Du gibst auch absolute Zahlen bei der Größenangabe des divs an.

Wenn Du nur dieses div auf der Seite hast, dann kannst Du die Zentrierung auch bequem über padding-Angaben im style des body-Tags haben (also z.B. style="padding:150px 150px 150px 150px": macht den "bespielbaren" Rand überall um 150 Pixel kleiner und rückt damit ein div in die Mitte (mit einem Rand von jeweils 150px) und um 150px nach unten. Das Gleiche kannst Du mit margin im div-Tag erreichen http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm.

Sogar der SELFHtml-Raum hat sich daran die Zähne ausgebissen: http://selfforum.teamone.de/archiv/1999_4/t07654.htm#a38383.
Für ein Tabellenlayout gibt es aber eine Lösung: http://selfforum.teamone.de/archiv/2001/7/26588/#m138646.

Gruss, Manti


---

Das Prob ist, daß ich kein align-Attribut verwenden will... Die Seite wird XHTML 1.0 Strict. Daher ist align nicht drin.

Padding ist auch keine Alternative, weil dann der div-Layer von der Größe her variabel ist, und das will ich nicht.

Ich glaube, ich probiere es mal mit verschachtelten divs und vertical-align. Es geht bei dem Layout um ein verspieltes Design, nicht um die Auflösung des Betrachters, da meine private Seite durchaus eine Reflexion meiner Selbst sein soll, und ich einfach mal alles aus CSS (1 und 2), XHTML 1.0 Strict und DOM 1 rausholen will. => Seite nur mit Mozilla komplett betrachtbar

---
www.kuminatano.de

Strict und verspielt sind ja schon Widersprüche in sich .

Dann poste doch mal die URL, wenn Du fertig bist.

Manti-Mozillauser


---

Das dauert wahrscheinlich noch. Bin in den nächsten Wochen zu sehr im Urlaubsstress. Ich schätze mal so, daß Anfang August alles fertig ist.

Strict und verspielt mag vom Wort her ein widerspruch sein, vom technischen her aber absolut nicht. Da Strict nur die Dokumentlogik erlaubt, und keine Layout-"Befehle", und das ganze Layout mit Hilfe von CSS und Javascript entsteht, und man auf klare Regeln bauen kann, ist Strict im Prinzip die nagenehmere Variante. Ja, ich bin ein StandardFreak

---
www.kuminatano.de