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.