zwei divs zentrieren

[Detlef G.]

Hallo du Verzweifelter

Ich wollte urspünglich mal ein Bild als Link (display:block) neben einem Input (display:block) packen, und die beiden wiederum zentrieren.
html:

<div class=outer><div class=eins>eins</div><div class=zwei>zwei</div></div>

>   
> css:  
> ~~~css
  

> .eins {}  
> .zwei {float:right}  
  
Du musst mindestens das erste Element floaten. Nicht das Element, dem du float gegeben hast fließt um die anderen sondern der Rest fließt um dieses.  
  

> .outer{margin:0 auto; width:100%}

Wie soll da etwas zentriert werden?
Wenn das Element die gesamte Breite einnimmt, bleibt kein Platz mehr für seitliche Abstände.

Ergebnis = ungewünscht: egal welche floats ich für die inneren divs versuche, das zweite div fliegt in eine scheiss ecke des großen. Wie kriege ich die inneren Divs nebeneinander UND zentriert im großen?

Entweder das große muss die Gesamtbreite der kleinen haben, oder du schaust dir mal Gunnars Artikel inline-block – eine Alternative zu float an.

Auf Wiederlesen
Detlef