webForumDet fria alternativet

IE6 problem

5 svar · 590 visningar · startad av runan

runanMedlem sedan maj 20084 inlägg
#1

Jag vill täcka hela sidan med en div som är 100% bred och hög. I den vill jag ha en bild som är både vertikalt och horisontellt centrerad. Det fungerar bra att bara göra en div med height: 100% och width: 100% och bilden left: 50% top:50% i alla webbläsare utom ie6 och tidigare. Hur gör jag så att det funkar i IE6? Tabeller kan användas, det spelar ingen roll.

runanMedlem sedan maj 20084 inlägg
#2

Ingen som har lösning på problemet?

JAreMANNENMedlem sedan aug. 20001 698 inlägg
#3

Kan du inte modifiera en Lightbox?

bossseMedlem sedan juni 2003718 inlägg
#4

Vet du storleken på bilden som ska centreras?
Om man vet det så ska detta säkert kunna lösas.

runanMedlem sedan maj 20084 inlägg
#5

Ja jag vet storleken. Om jag gör som jag skrev ovan så sträcker sig diven 100% i bredd, men blir bara lika hög som bilden. Och bilden blir centrerad vågrätt men ej lodrätt.

tantenMedlem sedan nov. 20051 658 inlägg
#6

Det här är ett sätt att centrera en bild i ie6, men eftersom jag inte har en aning om hur din kod ser ut för övrigt så är det inte alls säkert att det fungerar...
Lägg denna i head på sidan

<!--[if IE]>
<style type="text/css">
/* vertical align for IE */
#kant {width:0; height:100%; display:inline-block; vertical-align:middle;} 
#baraie {text-align:center; width:100%; display:inline-block; vertical-align:middle;}
</style>
<![endif]-->

och skriv detta runt din bild som bara kommer att läsas av IE6 och äldre

<span id="kant"></span> 
<span id="baraie"><img src="dinbild.jpg"></span>

Det första spannet kommer påverka de andra webläsarna som ser ett tomt span, vilket kan påverka din andra kod...

Genererad på 375 ms · cache AV · v20260730165559-full.f96bc7eb