padding um bilder wird im IE nicht angezeigt

[halla]

hallo alle zusammen,

ich will per CSS ein bild mit einem rahmen versehen.
dazu soll ein 1px breiter außenrahmen um das bild gelegt sein, und dabei ein abstand vom bild zu diesem außenrahmen sein.

die css-klasse dazu sieht so aus:

/* Rahmen um Bilder in Objektlisten und Suchergebnisseiten */
.list-thumbnail	{
         background-color:#D7E3FF;
         border:1px solid #9DBDFF;
	 padding:4px;
}

eigentlich ganz einfach.
hintergrundfarbe unter das bild, dann ein abstand zwischen bild und außenrahmen und um alles drum nochmal ein rahmen. easy.

das bild ist dann bspw. so einbebunden:

<a href="/werbekunden/index.htm?content=9&lang=3&object_id=1041&customer=6">
<img src="/images/immo_db/objects/200409291914_ferrando_Ref CH1540.jpg" alt="CH-1540 MORAIRA (PORTET)" class="list-thumbnail" width='150'  height='95'>
</a>

ich kann den fehler nicht finden:
Der MSIE6 zeigt keine padding für die bilder an.
d.h. ich habe zwar den 1px rahmen um das bild herum, aber der abstand zwischen rahmen und bild fehlt...?

FireFox zeigt es genauso wie ich es mir denke bzw. es will.

hat jemand eine idee, wiso das nicht klappen will?

grüße,
daniel

[Terry]

Meine Glaskugel sagt mir, dass Du gerade einen Doctype benutzt, bei dem der IE im Quirksmode rendert -> Boxmodellbug!
Padding wird deshalb nicht addiert.
Im Standardmodus klappt das mit dem IE6 - wie Du den IE 5 auch dazu bringst, weiß ich grad nicht - zu müde, da was auszutüfteln.

[halla]

Zitat von Terry

Meine Glaskugel sagt mir, dass Du gerade einen Doctype benutzt, bei dem der IE im Quirksmode rendert -> Boxmodellbug!

hi tery,

das klingt plausibel. das ist eine alte seite die HTML 4.01 Transitional benutzt,
und auch nicht valide ist.

ich benutze ziemlich genau denselben code auf einer anderen site, die aber xhtml1.0 nutzt und valide ist, und da klappts auch im IE.

kann also gut sein, daß du (mal wieder) richtig liegst....

allerdings ergibt sich daraus auch schon die nächste frage:
wie krieg ich den IE dazu, das auch im quirksmode zu rendern?

eine idee wäre vielleicht, um die bilder noch ein zusätzliches div zu packen und diesem eine HG-Farbe sowie border zuzuweisen und dem eigentlichen bild dann eine margin.
erscheint mir aber recht umständlich und nicht besonders elegant.

hat noch jemand eine idee, wie man das sauberer hinbekommen könnte?

grüße,
daniel

[Terry]

Dein Bild wird ja verlinkt, oder?
- Dann könntest Du dem Link ein display:block geben, diesem dann ein padding und eine border - das kapieren dann alle!

[halla]

meine güte, schläfst auf F5/aktualisieren, oder was ?

das ist allemal besser als meine idee mit dem div, so komm ich zumindest ohne zusätzlichen code aus...

und es klappt wunderbar - vielen dank für deine hilfe !!

und jetzt ab in die kiste...

grüße,
daniel