|
|||
Bild links vom DIV und außerhalb des Textflusses
Hallo Leute,
ich versuche gerade ein Layout nach diesem Muster aufzubauen: Hier der bisherige Code dazu: Test In der rechten dunkelroten Spalte (#content) stehen die Texte und in der linken Seite die Überschriften und Bilder. Das mit der Überschrift funktioniert schon. Dazu habe ich sie rechts ausgerichtet und mit position:relative; nach links verschoben, sodass sie außerhalb der dunkelroten Box liegt. Mit dem Bild will ich jetzt praktisch das Selbe anstellen (so soll es dann aussehen: klick). Aber weil das Bild ja links neben dem Text stehen soll, muss es noch so formatiert werden, dass es keinen Platz im Textfluss beansprucht. Mit position:absolute; ging es nicht, da ich das Bild dann nicht relativ positionieren kann. Mit position:relative; (so wie mit der Überschrift) ging es auch nicht, da es im Textfluss Platz beansprucht (dann bleibt der Platz rechts neben dem Bild leer). Wie bekomme ich das hin? |
Sponsored Links |
Sponsored Links |
|
|||
Float und negativer Margin für das Bild.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Damit funktioniert es im Firefox und IE7 super, tausend Dank.
Die aktuelle Version: Test Der IE6 hat aber damit ein Problem. Er erkennt zwar den negativen marigin, aber er zeigt den Abschnitt des Bildes, das über das Div hinausgeht nicht an. (position:absolute; würde nicht helfen, weil das Bild dann nicht mehr vom #container-Div eingeschlossen wird und ich das unbedingt brauche.) |
|
|||
Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bild auf div überlappend positionieren | Shiaso | CSS | 7 | 13.06.2010 15:03 |
div Border links und rechts als Bild | Johannes | CSS | 1 | 24.11.2008 20:16 |
Holy Grail und der Internet Explorer! | ONeill | CSS | 23 | 01.06.2006 19:20 |
Div passt sich nicht an größe des Background-Image an? | Sombreo | CSS | 13 | 09.07.2004 03:37 |
1 div links, 2 div's untereinander daneben | jensr | CSS | 9 | 01.07.2004 00:41 |