Ingo Turski: Zwei float-Elemente sowie ein Bild in der Mitte. Ich oder IE!

Beitrag lesen

Hi,

Wie kann ich ihn denn ohne position oder Margin: auto centrieren?

schlecht. Aber wieso ohne margin? margin:auto zentriert doch wunderbar, zumindest horzontal.

Denn Immer wenn ich den contentbereich passend machen will bricht er um...

weil Du Dich nicht an das Box-Mdell hälst.

#container {
margin: 10%; auto;
padding: 0px;
width: 960px;
max-height:320px;
background-color: #c0c0c0;
border: 2px solid #545252;
}

das sind dann 964px Breite (Dein Header hat nur 960px)... sicher, dass die Höhe für den Inhalt ausreicht? Bedenke auch evtl. Schriftgradänderungen.
padding:0 ist übrigens bei DIVs unnötig, da diese Elemente keine semantische Bedeutung und daher auch keine Voreinstellung (außer display:block) im Browser-CSS haben.

#content {
margin: 0px;
padding: 0px;
width: 460px;

460px

#left {
float:left;
padding: 0px;
height:320px;
width: 250px;
text-align: center;
background-color: #e2483c;
border-right:2px solid #545252;

  • 254px = 714px

#right {
float:Right;
padding: 0px;
height:320px;
width: 250px;
text-align: center;
background-color: #e2483c;
border-left:2px solid #545252;

  • 254px = 968px. Dein Container ist aber nur 964px breit.

freundliche Grüße
Ingo