webForumDet fria alternativet

Bild ligger inte rätt.

4 svar · 590 visningar · startad av Frezze

FrezzeMedlem sedan apr. 2004114 inlägg
#1

Hejsan!
Har en liten bild som jag försöker lägga så att den hamnar i en bakgrund rätt, men det blir inte rätt i IE, utan bilden åker ner en bit. Hur ska jag göra för att det ska bli rätt i båda? Dvs. så som det blir i FF ska det bli i IE. Koden är så här simpel;

<html>
<head>
<style type="text/css">
<!--
div.mainBox { display: block; width: 297px; background-image: url(gfx/greenTextbackg.gif); height: 7px; padding-top: 3px; padding-left: 3px; margin: 0; font-size: 0px }
-->
</style>
</head>
<body>
<div class="mainBox"><img src="gfx/ngc.gif" width="19" height="5" /></div>
</body>
</html>

Hur resultaten blir ser ni här på den bifogade bilden, IE = Internet Explorer och FF = FireFox.

olika.JPG
zcorpanMedlem sedan dec. 20042 245 inlägg
#2

Har du testat lägga dit en doctype?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
FrezzeMedlem sedan apr. 2004114 inlägg
#3

zcorpan skrev:

Har du testat lägga dit en doctype?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

Okej, la in den nu, glömde det i min testfil, men nu visar IE rätt, medan FF inte visar någon bild alls nu, bara den gröna bakgrunden...

FuelMedlem sedan okt. 20001 285 inlägg
#4

hur blir det med en <br /> efter bilden ?

img { display: block; } ?

FrezzeMedlem sedan apr. 2004114 inlägg
#5

Fuel skrev:

hur blir det med en <br /> efter bilden ?

img { display: block; } ?

Gick betydligt bättre med display: block på bilden, tackar så mycket! ^^

131 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)