Hallo zusammen ich brauch 'mal wieder eure Hilfe.
Ich hab ne Homepage die auch schon so gut wie fertig ist. Sie hat drei Spalten was so weit auch prächtig funktioniert. Linkes Menü ist float:left, rechte Spalte is float:right und der Inhalt in der Mitte.
Bei den einzelnen Einträgen in der Mitte gibt es immer einer Grafik für den Titel (nummer 1 auf dem Bild), eine die sich vertikal wiederholt (Nummer 2) und sich somit immer dem Inhalt anpasst, gefolgt von einer Grafik die diese Box sozusagen wieder schließt (Nummer 3).
Auch das fnktioniert prächtig bis ich bei geschriebenen News z.B. ein Bild rechts einfügen wollte um das der restliche Text herum fließt (nummer 4). Sprich das Bild ist mit float:right in einem Eintrag dessen Hintgrund sich immer dem Inhalt anpasst.
Doch leider passt sich der Hintergrund bei diesem Bild nicht an sondern eben nur dem Text, was dazu führt dass das Bild drüber steht wenn zu wenig Text drinnen steht (nummer 4).
Ich habe bereits versucht immer noch ein clear:both in die letzte Zeile zu setzen allerding kollidiert das dann manchmal mit den zwei äußeren Spalten sodass die mittlere sich wiederholende Grafik in die länge gezogen wird solang wie die beiden äußeren Spalten nach unten gehen.
Hat jemand eine Idee wie man das lösen könnte, dass es funktioniert?
oder geht das überhaupt nicht wie ich shcon iwo gelesen habe und ich soll die Bilder alle nur unten einfügen?
Ich danke für eure Hilfe
lg,
stonie
/edit: Bild einfügen vergessen
Ich hab ne Homepage die auch schon so gut wie fertig ist. Sie hat drei Spalten was so weit auch prächtig funktioniert. Linkes Menü ist float:left, rechte Spalte is float:right und der Inhalt in der Mitte.
Bei den einzelnen Einträgen in der Mitte gibt es immer einer Grafik für den Titel (nummer 1 auf dem Bild), eine die sich vertikal wiederholt (Nummer 2) und sich somit immer dem Inhalt anpasst, gefolgt von einer Grafik die diese Box sozusagen wieder schließt (Nummer 3).
Auch das fnktioniert prächtig bis ich bei geschriebenen News z.B. ein Bild rechts einfügen wollte um das der restliche Text herum fließt (nummer 4). Sprich das Bild ist mit float:right in einem Eintrag dessen Hintgrund sich immer dem Inhalt anpasst.
Doch leider passt sich der Hintergrund bei diesem Bild nicht an sondern eben nur dem Text, was dazu führt dass das Bild drüber steht wenn zu wenig Text drinnen steht (nummer 4).
Ich habe bereits versucht immer noch ein clear:both in die letzte Zeile zu setzen allerding kollidiert das dann manchmal mit den zwei äußeren Spalten sodass die mittlere sich wiederholende Grafik in die länge gezogen wird solang wie die beiden äußeren Spalten nach unten gehen.
Hat jemand eine Idee wie man das lösen könnte, dass es funktioniert?
oder geht das überhaupt nicht wie ich shcon iwo gelesen habe und ich soll die Bilder alle nur unten einfügen?
Ich danke für eure Hilfe
lg,
stonie
/edit: Bild einfügen vergessen