DIV und IMG

[Markus Bruns]

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

[Siechfred]

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

[Markus Bruns]

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

[Detlef G.]

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.)

• clear:left _innerhalb_ des DIV, oder
• float:left eventuell mit passender Angaben für width für das DIV, oder
• height (entsprechend der Bildhöhe) für das DIV (wenn nötig, height nur für
    IE und min-height für richtige Browser)

Auf Wiederlesen
Detlef

[Markus Bruns]

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

[Detlef G.]

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

[Ingo Turski]

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