✔ DIV mit Grenzen ?!

[Sebigf]

Hallo zusammen...

Es geht mal wieder um <div> Felder. (siehe Anhang)
Wie kann ich es machen, dass <img> Tags im Vordergrund bleiben ?

Danke

 

[Maik]

Mit einer höheren Schichtposition z-index?

 

[Sebigf]

Danke

So währe das geklärt...
Nur die Bilder stehen noch außerhalb des DIV.
Es ist einfach so, als würde das div noch weiter gehen, aber das tut es nicht
Das <img> schießt einfach über den Rahmen hinaus.

Hast du da auch eine Idee ?

PS: Für das DIV wurde kein height o.ä. fest gelegt...

 

[Gumbo]

Ohne Testobjekt ist das alles etwas schwer nachzuvollziehen.

 

[Maik]

Sorry, aber ich kann deiner Beschreibung nicht folgen.

Deshalb (mal wieder) die Bitte, den vollständigen Quelltext zu posten, damit man einen Einblick gewinnen kann und nicht im Trüben fischen muß

 

[Sebigf]

Bildcode

HTML

<a href="javascript:win('./popup.php?show=image&id=425','width=640,height=426,resizable=yes')"><img align="left" class="screenshot" src="http://......jpg" alt=""Bild /></a>

CSS

.screenshot { border: solid 5px #CCCCCC; padding:0px; margin:7px; }

DIV-EBENE

.content 
{ 
border:solid 1px #F1F1F1;
border-top:solid 1px #AAAAAA;
padding-left:7px;
padding-right:7px;
padding-top:2px;
color:#666666; 
text-align:left; 
margin-left:160px; 
margin-right:160px; 
background-color:#F9F9F9;
}

 

[Maik]

Und wo ist der Kontext zum DIV-Element

 

[Sebigf]

<div class="content">
inhalt
</div>

KA, ob du damit was anfangen kannst !? ;-)

## Nachtrag

inhalt ist sowas hier...

<a href="javascript:win('./popup.php?show=image&id=425','width=640,height=426,resizable=yes')"><img align="left" class="screenshot" src="http://......jpg" alt=""Bild /></a>

Nur eben was mehr, dass es auch zu dem "überlappen" kommt

 

[Maik]

Zeig doch bitte mal den vollständigen Quelltext der Seite, und nicht blos diese Ausschnitte, die nicht wirklich weiterhelfen

[editpost] Schon besser ...

 

[Maik]

Entferne mal das HTML-Attribut align="left" aus dem img-Element und regel die Ausrichtung mit CSS

• Browsercheck: FF 1.5, IE 6.0, MOZ 1.6, NN 7.0, OP 8.50

<img class="screenshot" src="http://......jpg" alt=""Bild />

.screenshot { border: solid 5px #CCCCCC; padding:0px; margin:7px; text-align:left; }