Hi !

Ich habe hier ein Problem:
http://www.senil.biz/jex-treme/

Und zwar möchte ich das Logo im Head, das Menü im Footer und den div Container "absatz" im div container "content" mittig ausrichten.
Und zwar soll es im IE und im Moz sauber dargestellt werden.

Ich glaube Menü und Logo habe ich gelöst, aber warum macht mir der "absatz" solche Probleme ?
Habt ihr vielleicht andere Ideen ?


Danke,
Nils

Ähm - also der Link zum Logo scheint nicht zu stimmen (es wird nicht gezeigt), aber ansonsten scheint doch alles zentriert zu sein (IE6 + Firefox) (?) ...

Noch ein paar Hinweise:

- man zentriert Elemente nicht mit align:center, sondern mit

margin: 0 auto;

Oder:

margin-left: auto;
margin-right: auto;

- width:100%; kannst Du getrost weglassen, DIVs sind von Hause aus 100% Breit.

- Wozu hat der Inhalt Scrollbalken?

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Das soll visible:auto; sein....

Footer ist fest, immerhin ist da das Menü, das soll nicht aus der Sichtweite kommen...

Link zum Logo und einigen anderen bildern sind wegen aufschriften bewusst gekillt worden...

es ist im moz / ff überhaupt nicht zentriert, sonst wären da ja nicht die scrollbalken...

ich bin verzweifelt ;(

DANKE soweit

nils

Ich benutze Firefox, und bei mir ist alles zentriert - das Logo, der Inhalt und der Footer. Mach mal einen Screenshot, und beachte ggfs. mal auch meine Tips

Nimm z.B. mal die width: 100% überall raus. Das gibt allein schon in Kombination mit dem gesetzten border Probleme, da Du das DIV so über 100% groß machst (100% + 2px Rahmen -> über 100%).

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Ok, also deine Tips eingebaut, Version oben ist jetzt die gefixte...

Im IE siehts jetzt auch ok aus, aber MOZ hängt an...

Nils

Angehängte Grafiken

shot_moz.jpg (101,3 KB, 231x aufgerufen)

Nun ja, wie schon gesagt - einen Container (nicht seine Inhalte) zentriert man, indem man ihm bei margin für links und rechts ein "auto" setzt. Da Dein Inhaltscontainer aber 100% breit ist, wird halt nichts zentriert.

Du kannst den Inhaltscontainer auf eine bestimmte Breite stellen (in %, em oder auch px) und diesen dann so zentrieren. Aber es gibt da mehrere Möglichkeiten

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Vielen Dank, hatte da wohl Tomaten auf den Augen, oder war schon müde.
Auf jedenfall geht es jetzt, vielen Dank nochmals

Nils

Für was steht das 0 ?
margin:auto; funktioniert doch auch und sollte ausreichend sein? Ein Fehler wird mir deswegen auch nicht angezeigt?.

Es gibt 4 Werte...
margin: oben rechts unten links
wenn du nur zwei angaben hast gilt folgendes:
margin: (unten u. oben), (rechts u. links)

weil er nach oben, unten keinen abstand haben soll heißt es 0 und um es zu zentrieren auto...

nils

auto läuft da auf das selbe hinaus wie 0.