Log in

View Full Version : content below navbar disappearing



mesing
06-14-2008, 05:43 PM
I have a web page set up (themaycocks(dot)com) where the nav bar is on the left & the content is floated to the right. In IE6, you cannot see anything in the content div below where the navbar stops. For instance, the navbar ends ~300 pixels from the top of the page - when users hover the mouse over the buttons of the navbar (with the exception of the home button), the screen rolls up & only shows the navbar, ~300 pixels of the top of the content & nothing else, but when the user hovers the mouse over the home button, the entire page reappears. Weird! (see code 1)

This only happens in IE6 - I don't have this issue in IE7 or Firefox. What do you think?

When I extend the navbar to make it longer by placing line breaks before the closing navbar div, you can see more of the page - see Code 2.

Code 1:
<div id="navBar">
<div id="sectionLinks" class="feature">
<ul>
<li><a href="somelink">Home</a></li>
<li><a href="somelink">Family</a></li>
<li><a href="somelink">Wedding Party</a></li>
<li><a href="somelink">Photo Gallery</a></li>
<li><a href="somelink">Wedding News</a></li>
<li><a href="somelink">Honeymoon</a></li>
<li><a href="somelink">Traveling Guests</a></li>
<li><a href="somelink">RSVP</a></li>
</ul>
</div>
</div>

Code 2:
<div id="navBar">
<div id="sectionLinks" class="feature">
<ul>
<li><a href="somelink">Home</a></li>
<li><a href="somelink">Family</a></li>
<li><a href="somelink">Wedding Party</a></li>
<li><a href="somelink">Photo Gallery</a></li>
<li><a href="somelink">Wedding News</a></li>
<li><a href="somelink">Honeymoon</a></li>
<li><a href="somelink">Traveling Guests</a></li>
<li><a href="somelink">RSVP</a></li>
</ul>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>

chasery
06-14-2008, 07:44 PM
I am not seeing an issue here... I am hovering over all of the buttons and not having any display errors in IE6 or FF.

FF (http://img367.imageshack.us/img367/1255/fflj9.png)

IE6 (http://img374.imageshack.us/img374/3563/iemw6.png)

mesing
06-14-2008, 08:54 PM
You have to go to one of the subpages to see the issue.
Compare http://www.themaycocks.com/index_files/photo.htm (code 1) to http://www.themaycocks.com/index_files/rsvp.htm (code 2).

Thanks

mesing
06-14-2008, 09:39 PM
I was referred to the following link to solve the issue: http://positioniseverything.net/explorer/guillotine.html