This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > November 2006 > IE: Unexplained gap between two divs with background images





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author IE: Unexplained gap between two divs with background images
Roberto Roachling

2006-11-05, 11:33 pm

Hi,

If you look at the following link in IE:
http://huntingseasonson.com/product...px?p=1&c=3&sz=9

a gap appears on the top right, where the rounded corner merges with
the straight line.
I removed the margins and padding on the two <div>s in question
(#maintop and #main), but no luck, and I just cant seen to figure out
what's wrong.

The relevant (well, as far as I can tell) CSS is:


#maintop{float:left;height:13px;width:860px;background-image:url(../img/mainb.png);background-position:top
left;background-repeat:no-repeat;margin:0;padding:0;}
#main{margin:0;padding:0;background-color:#000;height:100%;float:left;width:100%;color:#fff;background-image:url(../img/mainbd.png);background-position:top
right;background-repeat:repeat-y;}
#main h1
{width:97%;margin:0;padding:0;background-image:url(../img/pa.png);background-position:bottom
left;background-repeat:repeat-x;}

Any ideas?

Thanks in advance!

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews