Div Layer - Seite Zentrieren in FF

von **veNom** am 23.04.2006, 21:57

Ich hab da ein Problem, ich bin gerade dabei eine Seite zu Coden mit Div-Layern.

Ich hab einen extra Layer gemacht um die Seite zu zentrieren, aber das funktioniert in FireFox nicht. Wie kann ich das in Firefox machen?

von **SilentStormer** am 23.04.2006, 22:26

müsste eigentlich mit

Code: Alles auswählen: width: 100%; text-align: center;

gehen.

von **veNom** am 24.04.2006, 09:12

Nein das geht eben nicht, im Internet Explorer funktioniert es, im FireGFox allerdings nicht, und im Opera kann ichs nicht sagen.

edit //
Es handelt sich zwar nicht um diese Website, aber hier habe ich es auch schon so gemacht und du kannst dir gerne mal den Quellcode bzw. die CSS ansehen.

Die Website: http://www.system-sportz.de/website/
Die CSS File: http://www.system-sportz.de/website/style.css

Ich denke das hat wiedermal mit dem w3c zu tun und das der FF nicht 100% Höhe oder Länge annimmt (Auch schon mit 99% versucht).

Ich muss es aber unbedingt schaffen das es mittig ist, wird es funkionieren wenn ich um die Seite statt seinen Div-Layer eine Tabelle mache?

von **rulze** am 24.04.2006, 09:44

versuch mal um die ganze seite noch einen container zu machen also so:

Code: Alles auswählen: #container { position:absolute; top:50%; left:50%; margin-top:-240px; margin-left:-420px; }

mit den margin werte musst du vielleicht noch ein wenig herum spielen.

lg
rulze

von **Manuel** am 24.04.2006, 10:00

Hi!

Du musst einfach nur folgendes machen:

Code: Alles auswählen: <body style="text-align:center;">

Danach legst du dir einen div-Layer an in dem die komplette Seite liegt und dem gibst du für den Firefox folgenden Befehl:

Code: Alles auswählen: margin: 0px auto;

Lg,
Manuel ;-]

von **veNom** am 24.04.2006, 13:39

Da ich grade beim Thema bin *g*

Ich brauche da drinnen dann 3 Div-Layer.
Einen Oben ganze Breite 320 Höhe

einen Links als Submenü und einen als COntent selbe höhe wie ubmenu nur weiter rechts... und breiter..

wie mach ich das am besten??

von **veNom** am 24.04.2006, 14:01

Hab mal schnell herum gebastel, hat super geklappt mit den Einstellungen von Manuel

Danke..

Folgendes problem wäre jetzt noch zu lösen... Die ausrichtung der 3 Div-Layer innerhalb des Main-Layers, wo die Hintergrund-Grafik liegt..
Hier der Code (nicht viel)

Code: Alles auswählen: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled Document</title> <style type="text/css"> #body { text-align: center; margin-bottom: 0px; margin-top: 0px; } #root { margin: 0px auto; border: 1px #000000 solid; width: 770px; height: 744px; background-image: url(images/bg.jpg); background-repeat: no-repeat; } #header { width: 770px; height: 320px; float: left; background-color: #CCCCCC; } #submenu { width: 200px; height: 300px; top: 20px; left: 7px; position: relative; background-color:#CCCCCC; } #content { width: 480px; height: 350px; top: -280px; left: 222px; position: relative; background-color:#CCCCCC; } </style> </head> <body> <div id="root"> <div id="header"> Hier wieder der Flash Header eingesetzt.</div> <div id="submenu">Hier kommt der Newsletter rein</div> <div id="content">Hier kommt der Content rein.</div> </div> </body> </html>

Es funkionietr im IE aber im FF nicht so ganz

von **veNom** am 24.04.2006, 15:11

Hab gerade mal anstatt ID= Class= gegeben und da ändert sich einiges bei .. ist das sehr ausschlaggebend?

edit // ich glaub jetzt geht es.. nur im opera mus sich es noch teste..

von **Manuel** am 24.04.2006, 19:45

Nein sollte kein Unterschied sein. Einziger Unterschied zwischen ID und Class steht ja in meinem Div-Tutorial.

Mehrere Div-Layer gleich hoch machen:
Machs mit ner Tabelle! Ganz ehrlich. Ich weiss, ich bin meinen Prinzipien damit auch nicht treu, aber das ist mit CSS und Div-Layern sowas von mega umständlich...denn 100% Höhe kann man nicht einfach setzen. Die Layer müssen wohl ineinander verschachtelt sein usw.

Falls jemand dafür eine einfache Lösung kennt, immer her damit. Ich habe dazu leider keine gute und vor allem einfache Lösung gefunden, denn Sinn der Div-Layer ist es ja Quellcode zu sparen und Quellcode zu vereinfachen!

Lg,
Manuel ;-]

von **veNom** am 24.04.2006, 22:10

Najo aber mit der Tabelle ist auch das Problem mit der Höhe in FF und Ich glaub Opera auch...

Es ist soweit mal ganz ok - Link -

1. die Linien links und rechts bei der Ganzen Seite, sind jetzt in der Grafik angebracht und ich weiß nicht wie ich diese bis zum Boden des Browsers machen kann.

2. Die Positionierung des "Impressum" ist im FF und im Opera falsch.
Im IE passt die Position eigentlich soweit...

Div Layer - Seite Zentrieren in FF

Div Layer - Seite Zentrieren in FF

Wer ist online?