CSS & Div-Layer

[SF2k]

Hallo!

Habe in einem Banner-Frame folgendes Gerüst:

<div id="left">
<img src="images/topBlueLogo.jpg">
</div>

<div id="right">
<img src="images/topBlueLogoRight1.jpg">
<img src="images/topBlueLogoRight2.jpg">
<img src="images/topBlueLogoRight3.jpg">
<img src="images/topBlueLogoRight4.jpg">
<img src="images/topBlueLogoRight5.jpg">
<img src="images/topBlueLogoRight6.jpg">
</div>

Im CSS dazu folgendes:

#left{
 position: absolute;
 padding: -0.04em;
 align: right;
 left: 10px;
 top: 0px;
 right: auto;
 bottom: 0px;
}

#right {
 position: absolute;
 padding: -0.04em;
 align: right;
 left: auto;
 top: 0px;
 right: 0px;
 bottom: 0px;
}

Wenn ich jetzt das Fenster verkleinere, schieben sich die Bilder rechts nach links und überlappen irgendwann das Logo! Das sollte nicht sein.

Anschauen könnt ihr euch das unter www.7community.de

Gibts ne Möglichkeit, dass ich einstelle, dass die Bilder verschwinden, wenn es eng wird?

Jemand eine Idee?

Danke
SF2k

[Andreas Kampitsch]

Hallo,

Wenn ich jetzt das Fenster verkleinere, schieben sich die Bilder rechts nach links und überlappen irgendwann das Logo! Das sollte nicht sein.

Anschauen könnt ihr euch das unter www.7community.de

Gibts ne Möglichkeit, dass ich einstelle, dass die Bilder verschwinden, wenn es eng wird?

Jemand eine Idee?

Das liegt wohl an der absoluten Positionierung, die Du hier versichst anzuwenden. Wie wäre es denn mit float: ? Dann würden sie sich untereinander anordnen, wenn der Platz nicht ausreicht.

mit freundlichen Grüßen,

Andreas Kampitsch

[MudGuard]

Hi,

<img src="images/topBlueLogo.jpg">

alt-Attribut ist Pflicht. Bei allen img-Elementen.

#left{
position: absolute;
padding: -0.04em;

Padding kann nicht negativ sein.

align: right;

align ist keine CSS-Eigenschaft.

left: 10px;
top: 0px;
right: auto;
bottom: 0px;
}

Wenn ich jetzt das Fenster verkleinere, schieben sich die Bilder rechts nach links und überlappen irgendwann das Logo! Das sollte nicht sein.

Warum machst Du es dann so?

Ist doch logisch, wenn Du einen Teil am linken Rand festklebst und den anderen am rechten Rand. Wenn dann die Ränder zusammengeschoben werden, kommt es zu überlagerungen.

Gibts ne Möglichkeit, dass ich einstelle, dass die Bilder verschwinden, wenn es eng wird?

Nein, aber wie Andreas schon schrieb, könnte man sie fließen lassen.

cu,
Andreas