Nickname: Absolut positioniertes Bild an Größe des Containers anpassen

Beitrag lesen

Hello,

ich stehe gerade vor einem Problem mit CSS und ich hoffe, ihr könnt mir helfen.

Wo ist denn der relevante Code?
Lass uns doch bitte nicht im Dunkeln stehen und zeige uns die relevanten HTML- und CSS-Abschnitte.

Liebe Grüße aus dem schönen Oberharz

Tom vom Berg

Okay. Also der Container mit den Bildern:

div#content div#slideshow {  
	float: right;  
	width: 60%;  
	max-width: 1280px;  
	border: 2px solid green;  
}

Dann die Bilder:

div#content div#slideshow img {  
	position: absolute;  
	width: 100%;  
	z-index: 1;  
}

Und für das aktuelle Bild:

div#content div#slideshow img.slideshow_current {  
	z-index: 3;  
}

Und in HTML sieht das ganze dann so aus:

<div id="slideshow">  
    <img src="images/slideshow/1.png" class="slideshow_current" />  
    <img src="images/slideshow/2.png" />  
    <img src="images/slideshow/3.png" />  
</div>

Das erste hat schon die entsprechende Klasse, JavaScript ändert das ganze später.