div überlagern

[jens76]

[FONT=Verdana, Geneva, Arial, Helvetica, sans-serif]hallo,

kann mir mal jemand erklären, wie ich in einem div-container, der ein bild enthält ein 2. div drüberlegen kann, so das es wie ein bild aussieht?

also was ich will ist volgendes.

wenn das hauptbild angezeigt wird, soll über dieses bild noch ein 2. gelegt werden. und zwar oben rechts.

wie stelle ich das am besten an?

kann mir wer einen tipp geben?
[/FONT][FONT=Verdana, Geneva, Arial, Helvetica, sans-serif]
hier mal der quelltext

<div class="subcl" >
<div style="position:relative;width:260;text-align:right;">
<img src="http://www...überlagerbild...png"
</div>
<img src="http://www..hauptbild...jpg" />
</div>

und die definition der class subcl

.productInfo2 div.subcl { width:260px; z-index: 5; float:left; padding-bottom:20px; }[/FONT]

 

[threadi]

Du suchst die CSS-Eigenschaft "position":

SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

 

[jens76]

position?
hab ich doch im 2. div auch drinstehen
als:

[FONT=Verdana, Geneva, Arial, Helvetica, sans-serif]position:relative;[/FONT]


deswegen wundere ich mich ja warum es nicht geht...

 

[threadi]

Lies dir nochmal den Selfhtml-Text dazu durch:

relative = relative Positionierung (Verschiebung), gemessen an der Normalposition oder Anfangsposition des Elements selbst.

Du brauchst aber:

absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Vorfahrenelements, das nicht die Normaleinstellung position:static aufweist.

 

[jens76]

also im FF gehts jetzt mit position:absolute; wunderbar, aber der IE zerreißt das ganze design um so mehr...

was könnte ich noch machen?

 

[threadi]

Kommt auf die Art des "Zerreißens" an. Manchmal sollte man Breite UND Höhe für die überlagernde Box festlegen.