Boxen lassen sich nicht Mittig setzen

[Beavis]

Guten zusammen

Ich habe ein Problem mit meinen Boxen
Ich möchte sie Mittig ausgerichtet haben, aber das klappt leider nicht
Hier ist mal eine Demovorschau

Der dazugehörige CSS Code ist:

#Userlist {
    float: left;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid grey;
    margin-left: 20px;
}

Ich hoffe, das einer helfen kann

 

[threadi]

Ersetzte

float: left;

durch

display: inline-block

- dann klappts im FF.

EDIT: noch als Ergänzung: du verwendest eine ID mehrfach. Nutze besser dafür eine Klasse.

 

[Beavis]

Danke eine Frage habe ich noch
Bei der Seite
http://cp.beavis.cc/index.php?page=login
passt sich der Mainbereich nicht an die Navigation an

 

[Bennyville]

overflow: hidden;

:)

 

[Beavis]

Danke wie kann ich den Border nun so machen das er durchgehend nach unten ist?

 

[Bennyville]

Von der Navigation? Einfach der Navigation ein

border-right: ... ;

geben und den border vom Main-Bereich entfernen.

 

[Beavis]

ja das hatte ich anfangs nur dann geht die Linie nicht nach unten weiter sobald der mainbereich größer ist

 

[Bennyville]

Hm, gefloatete Elemente kann man leider keine 100%ige Höhe geben, da sie die Größe ihres Inhalts einnehmen. Daher hättest du nur die Möglichkeit den Inhalt absolut zu positionieren. Du könntest also deinem Main-Bereich ein

position: relative;

verpassen und deinem Content

position: absolute;
height: 100%;

Wäre mir persönlich aber zu dirty :)

Vielleicht hat ja noch jemand eine schönere Variante auf Lager ;)