Box Zentrieren

[Jokus]

Hallo,
ich hab ein Problemchen. Bin grad vom guten alten Tabellensystem zu CSS umgestiegen und werde mit Fehlern zugeschüttet...
Zur Veranschaulichung hier der Seitenaufbau:

Ich versuche die Box C genau in die Mitte von der weißen Fläche zu bekommen. Bis jetzt habe ich hier stehen:
#B {
padding: 5px;
float:left;
font-family: Comic Sans MS;
font-size: 10px;
}
#C {
text-align: center;
float:left;
width: 70%;
margin: 5px;
}
#D {
padding: 5px;
float:right;
line-height: 15px;
font-size: 7pt;
}
Hab momentan solange den width-wert von C verändert, bis das ungefair die Mitte ergab, aber das ist ja nicht so dolle...

Ein weiteres Problem ist, dass ich F(ein Bild) gerne in einem Festen Abstand zum oberen Rand haben würde.

 

[Tomm]

Wenn #C genau in der Mitte stehn soll , dann mußt du schreiben

#C {
.......
margin:auto 0px;
 
}

nicht margin: 5px;

 

[Jokus]

Hab jetzt folgendes:

#C {
     text-align: center;
     float:left;
     width: 70%;
     margin: 5px 0 auto;
}

Das verändert aber leider gar nix. Nur wenn man width verändert verschiebt sich C nach links oder rechts. Kurz der Zusammenhang: ich rede von folgender Seite: Stamm Lunen / Lüneburg ... Falls ihr die Firefoxerweiterung Firebug habt, könnt ihr auch bei ein wenig die CSS elemente verändern und es euch ansehen...

 

[prm]

nö, umgekehrt.
Horizontale Zentrierung mit CSS
Lass bei #c das float weg.
Im HTML-Teil achte darauf, dass von der Reihenfolge her #C nach #B und #D kommt.
Siehe etwa Dreispaltiges Layout, zentriert mit fixen Breiten

 

[Puccini]

machs doch so:

position: relativ;
left: 50%;
margin-left: -50px;

wobei die 50px die hälfte der Breite deines C's entsprechen sollten ;)
weis jetzt nicht obs mit dem position relativ hinhaut, versuchen....

 

[Jokus]

@prm:
Das funktioniert königlich =D
Vielen Dank!!!
Wie regel ich es, dass F zum oberen Rand eine feste Entfernung hat?

@puccini:
danke trotzdem

//Edit: Hat sich erledigt, das klappt auch

//Edit2: Klickt mal auf der Homepage zwischen "Startseite" und "Pfadfinder" hin und her. Das Hauptfenster bewegt sich da ein wenig hin und her... woran kann das liegen?

 

[prm]

Der Link funktioniert scheinbar gerade nicht mehr. Ich vermute jedoch, dass es daran liegt: Seiten springen