Padding och background-color på bilder i MSIE

Försöker att "styla upp" bilderna på en sida jag bygger. Det funkar i alla moderna läsare utom MSIE (6.0 - har dock inte testat 5.0 & 5.5).

Koden jag använder:

        img {
                        margin:0;
			padding:0;
			background-color:transparent;
                        border:none;
		}

		#content img {
                        margin:0;			
                        padding:5px;
			background-color:#eee;
			border:1px solid #ccc;
		}
		
		#rightmenu img {
			margin:0;
	                padding:3px;
			background-color:#fff;
			border:1px solid #ccc;
		}

Alla bilder som inte ligger i divarna content eller rightmenu skall visas utan "styling". Det verkar som om padding är boven...

Se bifogat screeshot på hur det skall se ut.

Så här hade jag gjort.

.thumbphoto {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 3px;
}

/red

Här på lördagseftermiddagen är man lite småsömnig, såg att du gjort precis lika dant som jag skrev.
Kan du bifoga lite mer kod, för detta funkar alldeles utmärkt för mig i MSIE 6.

/red
Tog bort länken eftersom sidan är under utveckling

I stället för att använda padding, kan du inte ge bilden en 3px tjock border i stället? Jag tror IE och FF hanterar padding på olika sätt.

silfver skrev:

I stället för att använda padding, kan du inte ge bilden en 3px tjock border i stället? Jag tror IE och FF hanterar padding på olika sätt.

Jo det kan man ju göra men jag vill ha olika färg på bakgrunde resp. bordern

När jag kollar källkoden så har du inte satt någon id="" på taggen. How come?

Kolla hur jag har gjort på http://web2.xh.se/~starcraft/jonas/layout/v1/

id på bilden?

Vad menar du?

joel_sundkvist skrev:

silfver skrev:

I stället för att använda padding, kan du inte ge bilden en 3px tjock border i stället? Jag tror IE och FF hanterar padding på olika sätt.

Jo det kan man ju göra men jag vill ha olika färg på bakgrunde resp. bordern

Det kan du väl ändå? :) Om du låter en <div> kapsla in din bild (som du har 3px border på) så får du ju sån effekt. Eller? :)

silfver skrev:

joel_sundkvist skrev:

silfver skrev:

I stället för att använda padding, kan du inte ge bilden en 3px tjock border i stället? Jag tror IE och FF hanterar padding på olika sätt.

Jo det kan man ju göra men jag vill ha olika färg på bakgrunde resp. bordern

Det kan du väl ändå? :) Om du låter en <div> kapsla in din bild (som du har 3px border på) så får du ju sån effekt. Eller? :)

Visst kan man lösa det så.
Tycker bara att det känns som att gå över ån efter vatten. Onödigt mycket kod liksom. ;)

Kan någon vänlig själ kolla upp denna länk* i MSIE PC och kolla att bilderna har rätt padding och border runt sig.

Sitter själv vid en mac för tillfället.

Tack!

/red
Tog bort länken eftersom sidan är under utveckling

Funkade inte. :(

:(

Hur sjutton ska jag lösa detta?
Anta att jag kör på "div varianten". Då måste jag ju ange en fast bredd på diven för att den inte ska täcka upp hela kolumnen. Eller?
I sådana fall går jag ju miste om det smidiga med en klass för alla bilder...

Jag testade att göra så här:

<div style="height: 100px; width: 75px; border: 1px solid #ccc;">
<div style="height: 100%; border: 5px solid #eee">bild</div>
</div>

Där diven i mitten ska föreställa en bild. :) Sen behöver man ju inte sätta ut höjden när du har en bild i.

r/ Ser bra ut i IE. :D

Känns som ett krångligt sätt tyvärr... :)
Kan inte förstå varför jag inte får Meleas kod att funka...

Det verkade som om denna detalj inte funkar när IE ställs i Quirks mode...

Plockade bort

<?xml version="1.0" encoding="iso-8859-1"?>

Och då funkade det galant :)