JXR: <div> um <iframe>/<img> dynamischer Größen

Beitrag lesen

Hallo,

die Tage in denen ich viel mit CSS gemacht habe sind lang vorbei ... ich kann mich einfach nicht mehr erinnern wie man es schafft, ein <div> um eine anderes Element zu legen, sodass das <div> sich an die Größe des einschließenden Elements anpasst.

Eine Netzrecherche brachte mich auch nicht weiter.

Problem ist, dass das <div> Element (weils ein Block-Element ist?) immer 100% der Seiten-Breite einnimmt (width kann ich im <div> ja nicht angeben, weils verschieden groß sein muss).

Ja. Ist ein Block Element udn nimtt daher die gesamte Breite ein. Bei modernen Browsern könne man sich mit min-width behelfen, beim IE 6 (IE7?) nicht. Deswegen scheidet das i.d.R. aus.

Setz ich es "display:inline" ist's nur eine Zeile hoch, was natürlich i.d.R. unsinnig ist ...

Nö, es ist so hoch wie der Inhalt + evtl. Margins und Paddings. Übrigens auch wenn es display:block ist. Wenn der Inhalt nicht floated sollte es sich in der Höhe anpassen. Sollte der Inhalt des <div> floaten hilft z. B. ein clearendes Element nach dem floatenden Inhalt.