phred Medlem sedan nov. 2005 314 inlägg Frågan 21 juni 2007 14:14 #1 Hejsan, jag försöker placera ut en logo på min site med denna koden.
CSS
img.logo{
margin-top:26px;
margin-left:22px;
border:0px;
}
HTML
<img src="img/logo.gif" class="logo" />
Det fungerar fint i FF men i IE 6&7 så lägger den till en marginal på 4 pixar runt bilden (åt höger och neråt). Detta gör ju i sin tur att min div som ligger under hamnar 4 pixlar för långt ner.
Någon som har en idé vad jag kan göra ?
Web-Tor Medlem sedan nov. 2000 13 890 inlägg Det finns ingenting i den koden som lägger till någon extra marginal. Det måste vara någonting fel i den kod som du inte visar här.
Det bästa du kan göra är att felsöka genom att kommentera bort bit för bit av koden och se var det smäller.
phred Medlem sedan nov. 2005 314 inlägg Ok!
Men problemet är att det finns inte så mycket att tabort
här kommer CSS-koden:
*{padding:0px; margin:0px;}
html,body{
height:100%;
}
body{
background:url(img/bg/bg_body.gif) 0 0 #ffffff repeat-x;
margin:0px;
padding:0px;
}
div#wrapper{
width:822px;
height:100%;
background:url(img/bg/bg_topshadow.gif) 0 102px no-repeat;
margin-left:71px;
}
img.logo{
margin-top:26px;
margin-left:22px;
border:0px;
}
div#menuWrapper{
width:761px;
height:23px;
margin-top:12px;
margin-left:22px;
background-color:#000066; /*finns bara här för att se vart "kanterna" möts */
}
och HTML-koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Creator Teknisk Utveckling AB. Ideér blir verklighet - med professionell produktutveckling!</title>
<link href="stilmall.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<img src="img/logo.gif" class="logo" />
<div id="menuWrapper"></div>
</div>
</body>
</html>
bifogar screens från FF och IE
