eierpappenpilot: Positionierung im Print-Stylesheet

Beitrag lesen

Hallo! Ich weiß leider nicht, wonach ich bei meiner Frage suchen soll, deshalb stelle ich das hier mal einfach so.

Ich baue gerade an einer Website, wo auf einer Seite ein Text ist, der ein "div" mit einer Google Map umfließt. Das div wurde in der Screen-Ansicht mit float: right positioniert und das funktioniert alles.

Die Seite ist so aufgebaut, dass zuerst das div kommt, und unter dem div dann der eigentliche Text, der das umfließt.

In der Druckansicht soll aber der Text, der im Quelltext ja hinter dem div steht, zuerst kommen und darunter dann die Karte.

Drehe ich im Quelltext das einfach um, also erst Text, dann Karte, so wird die Karte unter dem text am rechten Seitenrand angezeigt. Tue ich den Text in ein Extra-div rein mit float: left und entsprechend angepasster Breite, umfließt er die Karte nicht mehr, sondern bleibt auch hinter selbiger schmal.

Gibt es eine Möglichkeit, das mit irgendwelchen CSS-Direktiven "umzudrehen" für die Druckausgabe?