Webstatt.org - Community seit 2006 - 2012 (2024?)

DIV mit 2 Menüs und Content-Bereich

user-196
21.03.2008 22:16

Ich möchte ein großes DIV-Layer (zentiert) auf ne Seite einbauen und in das Layer sollen noch links 2 kleine Menüpunkte (mit Abstand) und rechts davon ein Contentbereich.


Wie kann ich das realisieren?


Das grüne Layer habe ich über text-align: center und width:100% mittig gesetzt.
Wenn ich jetzt aber noch die 2 Layer einfüge sieht das ganze folgendermaßen aus.
Top/Left nimmt er nicht richtig an.




Gibt es irgendwo ein Codebeispiel? wie man sowas erstellt?

Avatar user-300
22.03.2008 01:01

Mach ein <div> um die beiden kleinen Boxen und diesem DIV gibtst du anschliessend per CSS folgende Eigenschaft:

float:left;

user-196
22.03.2008 21:36

Fehler gefunden.. das lag an dem W3C-Müll..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

gab Probleme

ohne, sieht die Seite ganz anderst aus zwinkern

Avatar user-162
22.03.2008 23:21

Original von user-196
Fehler gefunden.. das lag an dem W3C-Müll..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

gab Probleme

ohne, sieht die Seite ganz anderst aus zwinkern

Wohl eher anders rum zwinkern Denn jeder einigermassen gescheite Browser kommt mit den Doctype-Definitionen zu recht. Dein Markup ist einfach schlecht/falsch.

Der Grund warum deine Seite ohne Doctype richtiger/besser aussieht, ist, dass die heutigen Browser zwei verschiedene Modi haben, nämlich einmal den Standard Modus für Seiten mit richtem Markup und richtiger Doctype-Definition, die dann auch nach den strengeren Regelen verarbeitet werden und den sog. "Quirksmode", der immer dann aktiviert wird, wenn kei Doctype vorhanden ist oder das Markup Fehler aufweist. Der Quiksmode ist nämlich fähig die Fehler eines Webdesigner zu erkennen und ggf auszubessern, damit die Seite am Schluss doch noch (mehr oder weniger) so aussieht wie sie aussehen sollte.


//edit: hier noch eine Gutenachtlektüre zum Thema http://www.carsten-protsch.de/zwischennetz/doctype/index.html

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine