Thu, 2003-07-31 19:07
Building the next version of our site, all xhtml and css compliant, it's a beauty so far...
I digress, here is a problem i'm currently facing. It's seemingly a small one I should know, but I can't wrap my head around it today.
I have a little corner graphic that I want to go in the left bottom corner of every box.
This is what it looks like:
.corner2 {background: url("icons/corner.gif") no-repeat; float: left; width: 20px;}
it's being positioned using an empty div tag <div class="corner2"></div>
In Mozilla it looks dandy, in IE6 i get this bit of extra white space afterwards. How do i get rid of that extra white space?
Thu, 2003-07-31 21:58
#1
ZeD V2 in progress...
Perhaps d3signmonk3y's suggestion in [url=http://www.csscreator.com/css-node/358 thread[/url]:
d3signmonk3y wrote:
If you get rid of the white space between the images and the containing divs in your code the proble should go away.
Change
<div id="topman"> <img src="../images/man_top.jpg" alt="" width="600" height="150" border="0"> </div>
To
<div id="topman"><img src="../images/man_top.jpg" alt="" width="600" height="150" border="0"></div>
:?: I understand your not using IMG tags but it might still apply...
Thu, 2003-07-31 22:45
#2
ZeD V2 in progress...
Thanks 
i didn't do a good job of describing the problem, but it turned out that set too large a bottom margin on a
- tag, so it pushed the bottom of the DIV past the corner graphic I was floating.