Eric N. Falbe: float und clear

SELF-Forum

float und clear

Eric N. Falbe
– Informationen zu den Bewertungsregeln

Ich moechte mit <DIV> in jeder Zeile sechs Teilbereiche darstellen.
mit float:left ist das in der ersten Zeile soweit kein Problem.
Aber wenn ich eine neue Zeile mit clear:left anfangen will, faengt es mit dem naechsten Element automatisch wieder eine neue, dritte Zeile an.
Was muss ich tun, um auch in der zweiten Zeile sechs Teilbereiche darstellen zu koennen?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. float und clear

    Kalle_B
    – Informationen zu den Bewertungsregeln

    Ich moechte mit <DIV> in jeder Zeile sechs Teilbereiche darstellen.
    mit float:left ist das in der ersten Zeile soweit kein Problem.
    Aber wenn ich eine neue Zeile mit clear:left anfangen will, faengt es mit dem naechsten Element automatisch wieder eine neue, dritte Zeile an.
    Was muss ich tun, um auch in der zweiten Zeile sechs Teilbereiche darstellen zu koennen?

    Ah, da ist ja mein alter Kaffeesatz. Ich kann deutlich sehen, was dein Browser falsch gemacht hat. Es ist der IE.

    <div style='float:left>Feld 1</div>
    ...
    <div style='float:left>Feld 6</div>
    <div style='clear:left'></div>

    So ein clear funzt im IE 5 nicht, weil die letzte Zeile mangels Inhalt ignoriert wird.

    Schreibe sie so:
    <div style='clear:left'>&nbsp;</div>

    Kalle

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. float und clear

      Eric N. Falbe
      – Informationen zu den Bewertungsregeln

      Ich habe den IE 6.
      Mit <div style='clear:left'></div> geht es auch.
      Ist &nbsp; ein Return?
      Danke Kalle!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. float und clear

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        @@Eric N. Falbe:

        nuqneH

        So ein clear funzt im IE 5 nicht

        Was von noch geringerer Relevanz ist als ein umgefallener Sack Reis in China.

        Ist &nbsp; ein Return?

        Nein, eine Zeichen-Entity-Referenz. [ESCAPES, http://de.selfhtml.org/html/allgemein/zeichen.htm@title=SELFHTML]

        Qapla'

        --
        Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. float und clear

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Ich moechte mit <DIV> in jeder Zeile sechs Teilbereiche darstellen.
    mit float:left ist das in der ersten Zeile soweit kein Problem.
    Aber wenn ich eine neue Zeile mit clear:left anfangen will, faengt es mit dem naechsten Element automatisch wieder eine neue, dritte Zeile an.

    Wozu das clear?
    Wenn du jedem Teilbereich 1/6 von der Größe des Elternelementes gibst, passiert das alles automatisch. Dafür ist float gedacht.

    Struppi.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. float und clear

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Eric N. Falbe:

    nuqneH

    Was muss ich tun

    Dein Problem anschaulich beschreiben.

    um auch in der zweiten Zeile sechs Teilbereiche darstellen zu koennen?

    Inline-Blöcke statt Floats verwenden?

    Qapla'

    --
    Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln