Hvorfor kommer den padding rundt om mine giffer i Firefox?
Hej eksperter.Jeg vil helst være fri for den røde "luft" over og under min top.gif og bund.gif. Gifferne er kun 5 px høje, men alligevel kommer der luft over og under dem i Forefox. Hvorfor?
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<head>
<title>Velkommen</title>
<style type="text/css">
body {
background-color : #3e647e;
text-align : center;
margin : 30px 0;
}
#site-wrapper {
margin : 0px auto;
width : 629px;
text-align : left;
background-color : #fff;
padding : 0 0 0 0;
}
#top, #bund {
margin : auto;
background-color : red;
}
img {
padding : 0px;
margin : 0px;
}
#content {
margin : 20px 40px 0px ;
}
h1 {
font-family : georgia, "times new roman", times, serif;
font-weight : normal;
}
p {
font-family : verdana,arial,helvetica,sans-serif;
font-size : 80%;
}
</style>
</head>
<body>
<div id="site-wrapper">
<div id="top"><img src="ill/top.gif" width="629" height="5" alt="" /></div>
<div id="content">
<h1>Velkommen til min hjemmeside</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere, velit nec posuere porttitor, tellus nunc tincidunt nulla, ut luctus lorem est eu erat. Curabitur fringilla fringilla elit. Pellentesque commodo sodales neque. Integer in est quis lorem porta cursus. Nunc at quam. Proin eu enim. Praesent euismod tristique dolor. Sed eu orci. Duis iaculis risus id lectus. Vestibulum id sem. Nulla dignissim, nibh at faucibus feugiat, mi tellus ullamcorper tellus, eu euismod lorem mi eu risus. Nam pellentesque magna quis augue. </p>
<p>Nam neque velit, viverra at, pellentesque et, posuere et, arcu. Etiam condimentum vulputate neque. Etiam dapibus. Aliquam erat volutpat. In euismod, neque a luctus sodales, turpis libero pharetra arcu, vel cursus quam justo a justo. Quisque fringilla, pede ut mollis faucibus, lorem nisi faucibus tellus, in bibendum mi massa vitae nulla. Curabitur rhoncus nisl ac mauris. Vivamus enim est, porta eget, imperdiet quis, imperdiet quis, mauris. Phasellus nec dolor sit amet pede porta scelerisque. Vestibulum dapibus convallis elit. Mauris velit ligula, imperdiet quis, cursus pharetra, auctor in, nunc. Etiam congue arcu vitae nisi. Praesent augue. Aenean felis purus, ornare ac, placerat in, semper at, dui. Mauris ac eros sed felis elementum sollicitudin. </p>
</div>
<div id="bund">
<img src="ill/bund.gif" width="629" height="5" alt="" border="0" />
</div>
</div>
</body>
</html>
