Ashura: DIV Container wächst nicht mit IMG mit, IMG "fällt" raus

Beitrag lesen

Hallo Jill.

Ja, ich bin sehr gestresst, daher mein Verschreiber, ich meine natürlich DIV Elemente und keine CSS Elemente. Aber dass Du so darauf herumreiten musst finde ich ein wenig übertrieben.

Ich möchte nur die korrekten Begriffe vermitteln, mehr nicht.

Das Elternelement ist übrigens über position:absolute gesetzt, das lässt sich leider nicht verhindern, weil die ganze Seite immer zentriert im Browser erscheinen soll.

Dafür bedarf es aber keiner absoluten Positionierung.
Diesen Effekt kann man auch wunderbar mittels margin:auto; bzw. (für den IE) mittels text-align:center; für das betreffende Element bewirken. Alles, was sich in diesem Element befindet, benötigt dann natürlich wieder ein text-align:left/right;. (Ihr seht, Webgestaltung in Anwesenheit des IE macht weniger Spaß.)

Also nochmal zur Anschauung:

|---------------|
|               |______ Website im Browser (zentriert)
|  |--------|   |
|  | |----| |___|______ DIV Element
|  |-|    |-|   |
|    |    |     |
|    |----|_____|______ Image, welches aus DIV herausragt

Ich bitte dich um Quellcode und kein ASCII-Art, besser jedoch wäre ein Link zu einer Beispielseite.

Gruß, Ashura

--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 19: Notes
Meine Browser: Opera 8.0 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]