Wilhelm Turtschan: float und clear

aloha heja he

Folgende 3-Spalten-Konstruktion

<div class"navigation1"> // mit float:left
<div class"navigation2"> // mit float:left
<div class"content">

"navigation2" kann je nach Inhalt von "content" eine Hintergrundgrafik mit Hoehe > 800px enthalten.

Innerhalb "content" koennen u.U. Grafiken enthalten sein, wahlweise float:left oder right. Mein Problem ist nun, dass bei bestimmten Seiten der Text zur Grafik nicht die Hoehe der selbigen erreicht (Partnerlogos mit Kurztext etc.), ergo folgt nach dem jeweiligen Textabsatz ein <br /> mit clear:left/right. Firefox & Co und IE beruecksichtigen dabei nur den float der Images, wie es auch mir vorschwebt. Konqueror und Opera (hier 7.11) beenden jedoch alle float und setzen den naechsten Absatz unterhalb der Hintergrundgrafik von "navigation2".

Ich fand zwar einen Hinweis auf die Problematik bei Ingo Turski, aber bei weiteren Recherchen keine Loesung.

Ein Weg waere

  • position:fixed fuer die beiden Navi-Klassen, den ich trotz der damit verbundenen Problemloesung ungern gehen wuerde

Andere Moeglichkeiten

  • Grafik und den dazugehoerigen Text in eine Tabelle packen (mit Buchschmerzen)
  • mehrere <br /> in Folge um den "Text" an die Hoehe der Grafik anzugleichen

Kennt jemand einen anderen "code-aesthetischen" und validen Workaround?

Muster: http://www.pictum.de
css http://www.pictum.de/style_pos.css

man liest sich
Wilhelm

  1. Hallo Wilhelm,

    Firefox & Co und IE beruecksichtigen dabei nur den float der Images, wie es auch mir vorschwebt. Konqueror und Opera (hier 7.11) beenden jedoch alle float und setzen den naechsten Absatz unterhalb der Hintergrundgrafik von "navigation2".

    ich hatte etwas Vergleichbares kürzlich auch, wobei auch Safari diese laut Ingo korrekte float-Darstellung ablieferte. </archiv/2004/2/73482/#m425199> bietet die ganze Diskussion, http://www.paracomp.de die Seite. Ich habe mich letztenendes für eine absolute Positionierung der Naviggationsleiste entschieden, weiß aber nicht, ob Dir das hilft, da ich nicht so tief in Dein CSS eingestiegen bin. Ich geh nämlich jetzt ins Bett ;-)

    Gruß aus Köln-Ehrenfeld,

    Elya

    --
    "Alle mal an die Nase fassen, und zwar an die eigene": </archiv/2003/9/57903/#m324482>
    _____________
    elyas virtuelle Altbauwohnung: http://www.visuelya.de
    1. aloha heja he

      ich hatte etwas Vergleichbares kürzlich auch, wobei auch Safari diese laut Ingo korrekte float-Darstellung ablieferte. </archiv/2004/2/73482/#m425199> bietet die ganze Diskussion, http://www.paracomp.de die Seite. Ich habe mich letztenendes für eine absolute Positionierung der Naviggationsleiste entschieden, weiß aber nicht, ob Dir das hilft, da ich nicht so tief in Dein CSS eingestiegen bin. Ich geh nämlich jetzt ins Bett ;-)

      Danke fuer den Link. Ich habe es jetzt wieder mit absolute und fixed gemacht, sterbe ich halt diesen Tod und gehe einen Schritt zurueck.

      BTW: http://www.paracomp.de/pages/computer.html zeigt im Konqueror die gleiche Problematik. Die technischen Infos vom MP3-Player weisen eine grosse Luecke zur Abbildung auf.

      man liest sich
      Wilhelm

      1. Hallo Wilhelm,

        BTW: http://www.paracomp.de/pages/computer.html zeigt im Konqueror die gleiche Problematik. Die technischen Infos vom MP3-Player weisen eine grosse Luecke zur Abbildung auf.

        Hm. Da muß ich nohmal ran, verstehe ich nicht, sollte nach der absoluten Positionierung eigentlich nicht mehr auftauchen, und Safari und Konqueror zeigten damals imo das gleiche Verhalten, während Safari jetzt Ruhe gibt... naja, das ist eh noch eine Baustelle.

        Gruß aus Köln-Ehrenfeld,

        Elya

        --
        "Alle mal an die Nase fassen, und zwar an die eigene": </archiv/2003/9/57903/#m324482>
        _____________
        elyas virtuelle Altbauwohnung: http://www.visuelya.de