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