Forum Moderators: not2easy

Message Too Old, No Replies

Extra space in header in IE

         

RammsteinNicCage

5:43 pm on Mar 13, 2004 (gmt 0)

10+ Year Member



There's an extra 20-30px in my header on the right side in IE 5.0, 5.5, and 6.0. It works fine in the latest versions of Opera, Firefox, and Netscape. Here's the relevant code (with some ugly colors to differentiate the different areas):

*css*
#header {position:absolute; top:0; left:0; border:0; padding:0; margin:0; height:93px; width:100%; background-color:#000000;}
#header img {margin:0 auto; display:block; border:0; padding:0;}
body {background-color:#00ff00;}

*html*
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="header"><a href="/index.html" title="title"><img src="/images/sitebanner.jpg" alt="alt"></a></div>
</body>
</html>

Jennifer

RammsteinNicCage

10:05 pm on Mar 13, 2004 (gmt 0)

10+ Year Member



Well, since I posted this, I changed quite a few other things and then realized that the space disappeared. I have no idea what I did to make it change, but it would be nice to know why it happened anyway.

Jennifer