5 svar · 592 visningar · startad av runan
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.
Ingen som har lösning på problemet?
Kan du inte modifiera en Lightbox?
Vet du storleken på bilden som ska centreras?
Om man vet det så ska detta säkert kunna lösas.
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.
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...