I have made a page, in which there appears a white gap between the top banner and black colored navigation bar only in IE. I want to get rid of it. Please check it out here
A gap showing in between divs
Page 1 of 15 Replies - 384 Views - Last Post: 18 February 2011 - 02:10 AM
Replies To: A gap showing in between divs
#2
Re: A gap showing in between divs
Posted 16 February 2011 - 02:00 PM
What did you create the green image with? it's not showing at all in firefox and when I open it in photoshop the bottom of it is black.
I think that image needs to be recreated.
Also, don't sepereate your main navigation with a bunch of non breaking spaces, put them in an unordered list or div's or something without 500
I think that image needs to be recreated.
Also, don't sepereate your main navigation with a bunch of non breaking spaces, put them in an unordered list or div's or something without 500
nbsp;'s
#3
Re: A gap showing in between divs
Posted 16 February 2011 - 02:46 PM
I had the same problem. Getting rid of the space or break between the <div> tags will solve the problem. Good luck!
#4
Re: A gap showing in between divs
Posted 17 February 2011 - 12:31 PM
I know this isn't in the site check forum but I noticed that the title of your page is "Untitled Document" and it's probably a good idea to change that.
#5
Re: A gap showing in between divs
Posted 18 February 2011 - 01:05 AM
Thanks a lot everyone.
init.d.httpd I have put the items in a <ul> tag, thanks for suggesting. I solved my problem by removing the line height for menu items and replacing it with padding for each item. The line height was more than the nav bar, so there was a white space.
There is another thing I would like to know that is, If we have a parent div and two divs inside it and we want to position those two divs inside the parent div, relative to one another (not relative to parent div), what will be value for position attribute for each div. The values i used didn't seem to work, they were
The parent div is center aligned, and has a proper position, so i want the child div to remain inside it.
init.d.httpd I have put the items in a <ul> tag, thanks for suggesting. I solved my problem by removing the line height for menu items and replacing it with padding for each item. The line height was more than the nav bar, so there was a white space.
There is another thing I would like to know that is, If we have a parent div and two divs inside it and we want to position those two divs inside the parent div, relative to one another (not relative to parent div), what will be value for position attribute for each div. The values i used didn't seem to work, they were
<div id="parent"> <div id="first-child" style="position:relative;"></div> <div id="second-child" style="position:relative; top:250;"></div><!--I want this div to appear 250px below the first child--> </div>
The parent div is center aligned, and has a proper position, so i want the child div to remain inside it.
#6
Re: A gap showing in between divs
Posted 18 February 2011 - 02:10 AM
Your above code worked for me. The first div was 250px below the first.
Page 1 of 1
|
|

New Topic/Question
Reply



MultiQuote






|