Thomas: Div Layer zentriert und nebeneinander...

Hi zusammen,

ich möchte gerne eine Seite mit Div Layern machen, komme aber leider nicht weiter:

<div style="width:100%; text-align:center;">
<div style="margin:0px auto;">
 <div style="float:left;">
 Das ist ein Text.
 </div>
</div>
</div>

Wenn ich die Div's so formatiere, steht der Text "Das ist ein Text" immer linksbündig auf der Seite. Lasse ich im innersten Div das "float:left" weg, ist der Text zentriert. Aber ich möchte, das später, mehrere Div's nebeneinander zentriert erscheinen sollen. Deswegen das "float:left".
Was mache ich falsch?

Gruß
 Thomas

  1. hi,

    Aber ich möchte, das später, mehrere Div's nebeneinander zentriert erscheinen sollen. Deswegen das "float:left".
    Was mache ich falsch?

    Du erwartest etwas von float, was es nicht leisten kann.
    float heißt _ganz_ links oder _ganz_ rechts.

    Eigentlich suchst du display:inline-block - aber das funktioniert im FF und IE nicht richtig.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Du erwartest etwas von float, was es nicht leisten kann.
      float heißt _ganz_ links oder _ganz_ rechts.

      Eigentlich suchst du display:inline-block - aber das funktioniert im FF und IE nicht richtig.

      gruß,
      wahsaga

      Hi wahsaga,

      ich habe es nun hinbekommen. Man muss den Div Elementen eine Breite zuweisen, dann klappt es auch mit meinem Beispiel von vorhin.

      Gruß
       Thomas