2 replies [Last post]
brucelu
brucelu's picture
Offline
Regular
Vancouver
Last seen: 17 years 1 week ago
Vancouver
Timezone: GMT-8
Joined: 2003-07-04
Posts: 12
Points: 0

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?

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 13 years 3 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

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...

Diplomacy is the art of letting someone have your way

brucelu
brucelu's picture
Offline
Regular
Vancouver
Last seen: 17 years 1 week ago
Vancouver
Timezone: GMT-8
Joined: 2003-07-04
Posts: 12
Points: 0

ZeD V2 in progress...

Thanks Wink 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.