2 nebeneinander floatende divs auf seite zentrieren

[Dr. Kenobi]

hallo css-gurus,

moechte zwei div container, die nebeneinander positioniert sind (float) auf der gesamten seite horizontal zentrieren. der folgende code funkt leider nicht:

<div align="center">

<div style="float:left; width:100px">
Div 1
<div>

<div style="float:left; width:100px">
Div 2
<div>

</div>

auch mit text-align:center statt dem html attribut tut sich nix - die divs werden weiterhin linksbuendig angezeigt...

thx und mfg - dr. ken

[Marc Reichelt]

Hi!

Du kannst nicht beides machen: Entweder float oder center.
Damit dein Vorhaben aber trotzdem klappt, kannst du folgendes probieren:
Lass den äußeren div (center) stehen und verändere die inneren div's mit dem Attribut display:inline, dann erzwingen diese nämlich keinen Zeilenumbruch und sollten schließlich nebeneinander stehen.

cu

Marc Reichelt || http://www.marcreichelt.de/

[Ingo Turski]

Hi,

Du kannst nicht beides machen: Entweder float oder center.

natürlich kann man beides machen - jedenfall in diesem Fall, da es ja bereits ein zusätzliches div hierfür gibt. Nur daß es beim äußeren DIV nichts zu zentrieren gibt, da es die gesamte Breite einnimmt. Wenn ihm jedoch eine Breite zugewiesen wird, die kleiner als das Fenster ist, läßt es sich mit margin:auto zentrieren. Und als Hilfe für Browser, die das nicht können, zusätzlich das übliche text-align:center für body.

freundliche Grüße
Ingo

[MudGuard]

Hi,

moechte zwei div container, die nebeneinander positioniert sind (float) auf der gesamten seite horizontal zentrieren. der folgende code funkt leider nicht:
<div align="center">

Gib diesem div die Summe der Breiten der inneren divs (plus ggf. ein paar Reserve, falls irgendwo noch margins o.ä. definiert sind) als Breite.
Außerdem zentrierst Du dieses div per margin-left/-right auto.

cu,
Andreas