HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Test</title>
</head>
<body>
<div style="background-color:red;margin:0;padding:0">
<img src="nothing.gif" alt="" height="90" width="760" border="1"/>
</div>
</body>
</html>
so in IE6, there's a space between the image and the bottom of the div, when there shouldn't be. If I change:
HTML Code:
<img src="nothing.gif" alt="" height="90" width="760" border="1"/>
</div>
to:
HTML Code:
<img src="nothing.gif" alt="" height="90" width="760" border="1"/></div>
...removing the line break, there is no more space. Is there a way to fix this bug? Sometimes when I open my hand written code in GoLive it will change the div formatting and add the carriage return again, and will just be pain in the butt later. PLus I like to keep the carriage returns so it's easy to look through the code. Any CSS or other tricks? Thanks. |
