ram runt bild

5 svar · 317 visningar · startad av Calevan 27 maj 2005

CalevanMedlem sedan maj 20031 173 inlägg

Frågan27 maj 2005 14:12#1

Hej!

Jag vill ha en ram runt en bild och det hela funkar bra i FF, men inte i IE:

http://217.28.195.189/testaram.asp

css:

.img-shadow {
  float:                left;
  background:           url(../grafik/shadowAlpha.png) no-repeat bottom right !important;
  background:           url(../grafik/shadow.gif) no-repeat bottom right;
  margin:               8px 0px 0px 4px !important;
  margin:               8px 0px 0px 4px;
}

.img-shadow img {
  display:              block;
  position:             static;
  background-color:     #ffffff;
  border:               1px solid #a9a9a9;
  margin:               -6px 6px 6px -6px;
  padding:              4px 4px 4px 4px;
}

om jag ändrar position till relative så fungerar det i IE, men det ger mig andra problem så det är egentligen inte en lösning. någon som har något bra förslag?

tack!

GuffaMedlem sedan juni 2004533 inlägg

27 maj 2005 21:16#2

Varför har du två olika inställningar på background och margin?

En img-tagg har position:inline som standard. Har du provat med att låta den behålla det?

CalevanMedlem sedan maj 20031 173 inlägg

31 maj 2005 16:52#3

"That !important bit tells the browser that the declaration is to take precedence over normal declarations for the same element (see the spec). It also happens to be unsupported in all versions of Internet Explorer, which also lack native support for transparent PNG’s."
dvs, har olika bilder för olika webläsare.

testade med inline (visste inte att det var standard), men det hjälpte inte.

CalevanMedlem sedan maj 20031 173 inlägg

31 maj 2005 16:54#4

det är altså border raden som inte syns i IE av någon konstig anledning

CalevanMedlem sedan maj 20031 173 inlägg

1 juni 2005 19:47#5

ingen som råkar veta något om detta? tack!

CalevanMedlem sedan maj 20031 173 inlägg

2 juni 2005 11:00#6

  position:             fixed;

gjorde tricket