Div Problem

[StormY]

Hallo Community,
ich habe nun folgendes Problem, dass Firefox meine Seite nicht nach meinen Wünschen anzeigt, beim IE klappt es hingegen ohne Probleme. Der mittlere Teil meiner Seite rutscht nach rechts und wird nicht zentriert angezeigt. Könntet ihr mir bitte meinen Fehler zeigen?

http://www.played4gamers.de/esports1/index.php
CSS Datei: http://www.played4gamers.de/esports1/allgemein/allgemein.css

Vielen Dank im Voraus
mfG StormY

 

[Tar]

Meines wissens nach gibt es kein "float:center" ôo

CSS4you: Dreispaltiges Layout

Da wird erklärt wie man drei div's in eine reihe bekommt, nur mit float left & float right

 

[DerKaisa]

du könntest alternativ alles in 3divs stecken mit position:absolute und die dann mit %-angaben positionieren

 

[yoursmilie]

Hm, bei mir rutscht er im Firefox zwar nach rechts, aber sonst.

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

Dann sollte es doch mittig sein, oder?

 

[DerKaisa]

probiers mal so:

<div style="position:absolute;width:30%;left:30%">
Lorem ipsum blablablubb^^
</div>

 

[Soophie]

Es reicht doch, wenn alle drei Behälter gefloatet werden. Gib dafür allen eine feste Breit und float:left

am ende das clearen nicht vergessen, sonst macht der Firefox wieder Mist.

 

[StormY]

schon besser

Vielen Dank für eure Antworten,
konnte das Problem jetzt teilweise beheben, der mittlere div Container jedoch ist immer noch nicht ganz mittig.

hier nochmal der Link: http://www.played4gamers.de/esports1/index.php
CSS-Datei: http://www.played4gamers.de/esports1/allgemein/allgemein.css

Hab die Weite des mittleren Containers auf 66% gestellt und die Menü-Container jeweils auf 14% --> 94%
Daher habe ich, wie auch in css4you beschrieben margin-left:3% gesetzt. Trotzdem ist der mittlere div Container noch nicht mittig. Könntet ihr mir bitte weiterhelfen?
Vielen Dank im Voraus

 

[StormY]

lösungsvorschlag

kann/mag mir keiner bei meinem Problem weiterhelfen?