Devel: Der Inhalt im div wird nicht zentriert

Warum wird der Inhalt in dem übergeordneten div nicht zentriert?

<div style="width:300px;text-align:center">
 <div style="float:left;">1</div>
 <div style="float:left;">2</div>
 <br style="clear:left">
</div>

Hat jemand eine Lösung?
Wenn ich die floats nicht benutze dann wird es zentriert. Ich brauche aber die floats.

  1. Hi Devel!

    Wenn ich die floats nicht benutze dann wird es zentriert. Ich brauche aber die floats.

    Dann musst du die Abstände nach links und rechts via margin setzen.

    MfG Hopsel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
  2. Hi Devel,

    Warum wird der Inhalt in dem übergeordneten div nicht zentriert?

    <div style="width:300px;text-align:center">
    <div style="float:left;">1</div>
    <div style="float:left;">2</div>
    <br style="clear:left">
    </div>

    Von welchem Inhalt redest du?

    text-align heißt nicht umsonst so und nicht div-align. Diese Eigenschft gilt nicht für Blockelemente.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. Hi Gunnar,

      Jo, du hast Recht.
      Aber schau mal hier: http://css.maxdesign.com.au/listamatic/horizontal16.htm
      es ist zwar mit ul innerhalb eines divs und das wird zentriert. Und die einzelnen lis haben auch float.

      Ich glaube ich versuche, das auch mit "list" mein Problemchen zu lösen.

      Danke für dein Feedback,
      Devel

      1. Ich glaube ich versuche, das auch mit "list" mein Problemchen zu lösen.

        Devel,
        ul, ol und li sind genauso Blockelemente wie div auch. Was damit geht, geht auch mit div.

        Wenn der Inhalt aber eine Liste ist, dann sollte sich das aber selbstverständlich im Markup widerspiegeln.

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
  3. Hi,

    Warum wird der Inhalt in dem übergeordneten div nicht zentriert?

    welcher Inhalt? Du meinst:

    <div style="float:left;">1</div>

    ? die "1" sollte theoretisch zentriert sein, aber da sie links ausgerichtet ist und das div durch das float die Breite des Inhalts annimmt, siehst Du das natürlich nicht.

    freundliche Grüße
    Ingo

    1. Was ich erreichen möchte ist folgendes:

      Alle kleine divs die innerhalb von dem außeren drin sind sollen mit float sein damit sie nebeneinander erscheinen und dann eben alle zusammen zentriert werden.

      Damit das ganze ungefähr so aussieht:

      |            1 2 3 4 5            |

      1. Hallo Devel

        Alle kleine divs die innerhalb von dem außeren drin sind sollen mit float sein damit sie nebeneinander erscheinen und dann eben alle zusammen zentriert werden.

        Damit das ganze ungefähr so aussieht:

        |            1 2 3 4 5            |

        Welche sonstigen Formatierungen sollen deine Divs nocht erhalten?
        Warum sind es überhaupt Divs?

        Wenn keine anderen Formatierungen nötig sind, die ein Blockelement
        erfordern, wäre es besser, ein Inlineelement (z.B. span) zu verwenden oder
        display:inline statt float:left.

        Auf Wiederlesen
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
        1. Hi Detlef,

          ist ja witzig! Echt, ich kam auch drauf, dass ich das mit span besser machen kann und dann lese ich deine Antort hier. Super!

          Noch mal vielen Dank für alle Tipps, auch von den anderen. Man kommt echt auf bessere Ideen wenn man über ein Problem reden kann.

          Jetzt sieht mein code oder besser gesagt das Ergebnis im Browser genauso wie ich es mir vorgestellt habe. Yupiii ;)

          Grüße
          Devel