Bilder überlappend

[Detlef G.]

Hallo Andreas

ich habe 3 Bilder die ich überlappt darstellen möchte.
Also 3 div-Container nehmen:
<div id="box1"><img src="..."></div>
<div id="box2"><img src="..."></div>
<div id="box3"><img src="..."></div>

Warum packst du jedes Bild nochmal extra in ein Div?
Auch img kann mittels CSS formatiert werden, und wenn es nötig ist, kann
img auch mittels display:block zum Blockelement werden.

Eine Lösung wäre sicherlich die Abs. Positionierung, aber wie wirkt sich dann unterschiedliche Auflösungen, Browser etc aus?

Auf die Auflösung weniger, eher auf die Browserfenstergröße.
Mittels position:relative für das Elternelement bezieht sich die absolute
Positionierung dann auf dieses und nicht mehr aufs Browserfenster.

Vielleicht wäre es aber besser auf position zu verzichten:

#box1 { margin:10px auto auto 20px;}  
#box2 { margin:-80px auto auto 240px;}  
#box3 { margin:-120px auto auto 240px;}  

Auf Wiederlesen
Detlef