Grafik horizontal zentriert als Menue, darunter der Content, fuer "alle" Browser

Status
Nicht offen für weitere Antworten.

sh0x

Erfahrenes Mitglied
Gruesst euch, CSS-Designer,
jetzt wirds schwierig...

Ich habe ausgiebig die Suchfunktion genutzt und habe leider fuer meine Frage nicht die Loesung gefunden.

Folgendes Problem habe ich: Ich moechte eine Website mit CSS layouten, die aus einem Banner (Breite 740px, Hoehe 80px) , einer Menuegrafik (Breite 740px, Hoehe 340px) und dem Content besteht.
Alles soll horizontal zentriert sein, erst kommt also oben der Banner, der als Hintergrundgrafik eingefuegt wird (weil darauf noch Hyperlinks angezeigt werden sollen), darunter folgt das Menue, was sich im Vordergrund befindet und darunter soll eben der Content dargestellt werden.
Ausserdem soll um den 740px breiten Haupt-Div noch ein 1px breiter Rahmen sein.

Meine Uberlegung war nun, erstmal den besagten 740px breiten Haupt-Div zu erstellen und darein dann 3 weitere Divs zu packen, naemlich einen fuer den Banner, einen fuer das Menue und einen fuer den Content. Gesagt, getan, nur den Boxmodel-Bug hatte ich nicht bedacht und jeder Browser stellt es irgendwie anders dar.

Ich will, dass die Menuegrafik z.B. genau vom Rahmen umschlossen wird und nicht im IE z.B. noch ein haesslicher Abstand zum Rahmen entsteht.

Habt ihr einen Tipp, wie ich das hinbekomme, dass es auf allen neueren Browsern zentriert und gleich aussieht? Vielleicht liege ich auch total falsch mit meinen insgesamt 4 Divs und es geht in Wirklichkeit viel leichter.
Helft mir bitte ein bisschen auf die Spruenge ;)

Netten Gruss,
sh0x
 
Anbei die Dateien.

In diesem Beispiel habe ich den Banner einmal als Hintergrundgrafik und einmal als normales <img> eingebunden. Und komischerweise sind beide unterschiedlich breit...
 

Anhänge

ich habe meinen Fehler eben selbst gefunden..

wenn man einen Hintergrund mit url() angibt, muss man nicht nur fuer den Container sondern auch nochmal fuer die Hintergrundgrafik bei IE eine Breite angeben.
Habe einfach width:740px zugefuegt und jetzt gehts..
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück