Centrera Image CSS även i exempelvis Mozilla etc..

HTML & CSSur HTML, XHTML & CSS

4 svar · 866 visningar · startad av tob_ekl 15 feb. 2011

tob_eklMedlem sedan feb. 20111 inlägg

Frågan15 feb. 2011 09:10#1

Hej!
Jag vill centrera en bild och det gör IE men inte Mozilla Firefox. Här är HTML:

Här är CSS för det:

#main_content img {
display: block;
margin-left: auto;
margin-right: auto;
border-color: #FFF;
top: 150px;
}

Har läst och testat massor men hittar inte problemet..

Marty PatchesMedlem sedan feb. 20111 inlägg

21 feb. 2011 09:13#2

Pröva om det funkar ifall du stoppar in width och height i CSSn...
Det kanske du inte vill iofs.

GunnarDMedlem sedan juni 20014 290 inlägg

21 feb. 2011 09:21#3

Den gör det i min FF:

Se: http://dev.gunnard.se/webzone/centrera-img.phtml

PalleMedlem sedan apr. 20003 174 inlägg

22 feb. 2011 21:19#4

GunnarD: Det beror förmodligen på att du renderar den sidan i standards compliance mode, medan jag kan tänka mig att tob_ekl inte gör det(?), eftersom han inte får det att fungera.

tob_ekl: Vad använder du för doctype på ditt html dokument?

Danne VMedlem sedan aug. 20068 090 inlägg

22 feb. 2011 21:48#5

Jag tror också att det finns annat på sidan och i stilmallen som gör att det inte funkar. Posta ALL kod och HELA stilmallen. Gärna en länk till sidan där den finns live, så blir det avsevärt enklare för folk att kolla och testa = fler svar.