magirus: <li> mit position:outside neben einem <img> mit float:left

SELF-Forum

<li> mit position:outside neben einem <img> mit float:left

magirus Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo Forum,

ich habe ein Problem mit einer Liste, die eingerückt mit ausgestellten Bullets stehen soll und das neben einem Bild, das mit float left neben dran steht. Seit Firefox 3 und in der WebKit Engine wird das leider sch... dargestellt. Weiss jemand, warum das so ist und wie man es richtig machen sollte?

Eine ausführliche (englische) Bescheibung mit Bildbeispielen und SourceCode findet ihr hier: Das Problem

Für Lösungsvorschläge oder Diskussionen bin ich sehr dankbar.
Viele Grüße,
magirus

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. <li> mit position:outside neben einem <img> mit float:left

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    ich habe ein Problem mit einer Liste, die eingerückt mit ausgestellten Bullets stehen soll und das neben einem Bild, das mit float left neben dran steht. Seit Firefox 3 und in der WebKit Engine wird das leider sch... dargestellt. Weiss jemand, warum das so ist

    Weil die Listenelemente selber das gefloatete Element nicht umfliessen, sondern lediglich ihre Inhalte.

    und wie man es richtig machen sollte?

    Sorge dafuer, dass die Liste einen eigenen block formatting context bildet - z.B., in dem du ihr einen overflow-Wert abweichend vom Default visible verpasst.

    MfG ChrisB

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln