DIV und IMG
Markus Bruns
- css
0 Siechfred0 Detlef G.0 Markus Bruns0 Detlef G.0 Ingo Turski
Hallo,
auf meiner "Problem-"Website bedinden sich Texte und Bilder innerhalb von DIVs. Die DIVs schließen die Texte komplett ein, die Grafiken ragen jedoch über die DIV-Grenzen hinweg, so dass nachfolgender Text nicht unterhalbt der Grafik, sondern teilw. schon rechts daneben anfängt. - In etwa so:
+-------------DIV-Layer--------------+
+-Grafik--+ Text im DIV-Layer |
| | Text im DIV-Layer |
|.........+--------------------------+
| | Text außerhalb des DIV-Layers
+---------+ Text außerhalb des DIV-Layers
Text außerhalb des DIV-Layers
Text außerhalb des DIV-Layers
Wie bringe ich das DIV dazu, die Grafik ganz zu umschließen? (Ein clear:both im außerhalb-Text geht nicht, da das Ganze Teil einer aufwendigeren DIV-Konstruktion ist.)
Verzweifelte Gruesse,
Markus Bruns
Tag Markus.
Wie bringe ich das DIV dazu, die Grafik ganz zu umschließen?
Ein entsprechender linker Außenabstand sollte helfen, siehe bspw. meine Impressumsseite, rechte Spalte.
Siechfred
Hallo Siechfried,
ich moechte, dass aus dieser Sache
+-------------DIV-Layer---------------+
|+-Grafik--+ Text im DIV-Layer |
|| | Text im DIV-Layer |
++.........+--------------------------+
| | Text außerhalb des DIV-Layers
+---------+ Text außerhalb des DIV-Layers
Text außerhalb des DIV-Layers
Text außerhalb des DIV-Layers
diese Sache
+-------------DIV-Layer---------------+
|+-Grafik--+ Text im DIV-Layer |
|| | Text im DIV-Layer |
|| | |
|| | |
|+---------+ |
+-------------------------------------+
Text außerhalb des DIV-Layers
Text außerhalb des DIV-Layers
Text außerhalb des DIV-Layers
Text außerhalb des DIV-Layers
wird. Das ist leider nicht ganz das, was Du auf Deiner homepage umgesetzt hast...
Trotzdem Dank fuer Deine Muehe!
Markus
Hallo Markus
Wie bringe ich das DIV dazu, die Grafik ganz zu umschließen? (Ein clear:both im außerhalb-Text geht nicht, da das Ganze Teil einer aufwendigeren DIV-Konstruktion ist.)
Auf Wiederlesen
Detlef
Hallo Detlef,
»»- clear:left _innerhalb_ des DIV, oder
Führt leider dazu, dass der linke Umbruch auch an anderen DIVs des komplexeren Layouts abgebrochen wird. - Ist also nicht praktikabel.
- float:left eventuell mit passender Angaben für width für das DIV, oder
fuehrt zu keinem guten Ergebnis...
- height (entsprechend der Bildhöhe) für das DIV (wenn nötig, height nur für
IE und min-height für richtige Browser)
Meine Skizze war leider ein wenig verkuerzt. - Ueber der Grafik ist noch eine Ueberschrift. - Das macht (min-)height schwierig...
Trotzdem Danke fuer Deine Muehen!
Markus
Hallo Markus
Trotzdem Danke fuer Deine Muehen!
Wieso Mühen?
Das waren die Standardlösungen für das Problem.
Mehr ist auch nicht möglich, wenn nur die Skizze bekannt ist.
Mir fallen noch mehr Varianten ein, die dann aber ein wenig aufwendiger
würden und natürlich von deinem Seitenquelltext, vom gewünschten Gesamtlayout
und dem restlichen CSS der Seite abhängen.
Auf Wiederlesen
Detlef
Hi,
- clear:left _innerhalb_ des DIV, oder
Führt leider dazu, dass der linke Umbruch auch an anderen DIVs des komplexeren Layouts abgebrochen wird. - Ist also nicht praktikabel.
aber erforderlich.
Du kannst Dir hier die möglichen Problemlösungen bei clear ansehen und mußt evtl. Dein Layout anpassen.
freundliche Grüße
Ingo