---
title: "Padding och background-color på bilder i MSIE"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/113206-padding-och-background-color-på-bilder-i-msie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "joel_sundkvist"
published: "2004-10-09T13:49:14.000Z"
updated: "2004-10-09T20:29:13.000Z"
replies: 14
views: 390
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/113206-padding-och-background-color-på-bilder-i-msie"
---

# Padding och background-color på bilder i MSIE

## #1 — joel_sundkvist, 2004-10-09T13:49Z

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.

Bilagor:

- [exempel.jpg](https://www.webforum.nu/a/4698.jpg)

Permalänk: https://www.webforum.nu/p/113206

## #2 — Melea, 2004-10-09T13:51Z

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.

Permalänk: https://www.webforum.nu/p/1457329

## #3 — joel_sundkvist, 2004-10-09T13:58Z

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

Permalänk: https://www.webforum.nu/p/1457333

## #4 — silfver, 2004-10-09T13:59Z

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.

Permalänk: https://www.webforum.nu/p/1457334

## #5 — joel_sundkvist, 2004-10-09T14:00Z

> **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

Permalänk: https://www.webforum.nu/p/1457335

## #6 — Melea, 2004-10-09T14:05Z

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/>

Permalänk: https://www.webforum.nu/p/1457338

## #7 — joel_sundkvist, 2004-10-09T14:09Z

id på bilden?

Vad menar du?

Permalänk: https://www.webforum.nu/p/1457342

## #8 — silfver, 2004-10-09T14:15Z

> **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? :)

Permalänk: https://www.webforum.nu/p/1457346

## #9 — joel_sundkvist, 2004-10-09T14:18Z

> **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. ;)

Permalänk: https://www.webforum.nu/p/1457349

## #10 — joel_sundkvist, 2004-10-09T18:03Z

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

Permalänk: https://www.webforum.nu/p/1457452

## #11 — silfver, 2004-10-09T18:07Z

Funkade inte. :(

Bilagor:

- [padding.jpg](https://www.webforum.nu/a/4699.jpg)

Permalänk: https://www.webforum.nu/p/1457455

## #12 — joel_sundkvist, 2004-10-09T18:13Z

:(

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...

Permalänk: https://www.webforum.nu/p/1457458

## #13 — silfver, 2004-10-09T18:20Z

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

Permalänk: https://www.webforum.nu/p/1457461

## #14 — joel_sundkvist, 2004-10-09T18:43Z

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

Permalänk: https://www.webforum.nu/p/1457475

## #15 — joel_sundkvist, 2004-10-09T20:29Z

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 :)

Permalänk: https://www.webforum.nu/p/1457557

---

Tråden på webben: https://www.webforum.nu/amne/html-css/113206-padding-och-background-color-på-bilder-i-msie