Hallo Leute,
ich habe da echt ein nerviges Problem.

Ich möchte einen schönen Schatten oder einen Rahmen um meine Images haben.

Ich habe daher die Bilder in einen <div class="rahmen">bild.jpg</div> gelegt und eine Class vergeben:

Code :

1 2 3 4 5

.rahmen {color: #242424;     background-color: #fafafa;     border:  1px solid #B2B2B2;     padding: 4px;     margin:  0px 10% 10px 0px !important;}

Das Problem ist das der Div-Rahmen nun auf 100% geht.
Wenn ich "width:10px;" setze, damit der Rahmen direkt am Bild hängt, funktioniert es bei IE wie gewollt, Netscape jedoch nimmt den 10px-Wert und verkleinert den Rahmen auf den Wert "10px".

Wie kann ich es schaffen das der DIV bei IE und NEtscape nicht grösser oder kleiner als das Bild ist, ohne jedem Div die genaue Bildbreite zu geben ?

Alternativ: Wie kann ich einem Image einen Rahmen geben der nicht direkt am Bild liegt, sondern ca. 4px vom Bild weg, ohne ein Div oder TD zu nehmen?

Danke im vorraus.

Hi,

versuch es mal mit der float-Eigenschaft im einschliessenden DIV-Tag.
Ausserdem würde ich aus dem Bild ein Block-Element machen, da damit der
Abstand zum Rahmen besser einzustellen ist.

Code :

1 2 3 4 5 6

.divImg{float: left;         color: #242424;         background-color: #fafafa;         border: 1px solid #B2B2B2;} .imgBlock{margin: 5px;           display: block;}

Hoffe Dir damit geholfen zu haben.

Ciao
Quaese

Das "float:left;" hats gebracht, danke.
...man(n) lernt nie aus.