In internet explorer (6 and 7) the primary links drop off with each one a little lower than the next.

I'm not really sure why this is, but wanted to report the issue.

CommentFileSizeAuthor
#4 style.css_4.patch232 bytesGary Feldman
#1 cascading_menus.jpg6.1 KBgreggles

Comments

greggles’s picture

greggles
he/him
Primary language English
Location Denver, Colorado, USA
commented
StatusFileSize
new cascading_menus.jpg6.1 KB

Here is a screenshot. of the problem. Note that About, FAQ, Services, Contact should all be at the same height. Compare to the Leaf screenshot for comparison.

davemybes’s picture

davemybes commented

Check the link width. It looks like each link is 100% wide and stretches across the page, forcing the next link down a line. In the stylesheet, look for #navigation li a:link, #navigation li a:visited { and check if width is still set to 80px. Just to check the link size, add the command border:1px solid red; to this declaration to see how big the links are at the moment. I like to use that border trick to see the boundaries of various elements, and its helped me solve many problems already.

Gary Feldman’s picture

Gary Feldman commented

Try adding float:left to the #navigation li entry in style.css. So it should look like:

#navigation li {
    background: none;
    width:85px;
    float: left;
}
Gary Feldman’s picture

Gary Feldman commented
StatusFileSize
new style.css_4.patch232 bytes

And, in case you really need it as a patch file, here it is.

greggles’s picture

greggles
he/him
Primary language English
Location Denver, Colorado, USA
commented
Status: Active » Needs review

Gary Feldman's patch in #4 works for me. Changing the status to reflect this.

Thanks, Gary!

askmanny’s picture

askmanny commented

Thanks for the fix! I tried it and it worked. The only thing in addition to it that I had to do (and this was more to move the link tabs down a bit, because they were all pushed up by about 3 pixels) was change the value for top position in this line to 131:
top: 131px;

in the #navigation section of the stylesheet. Final code looked like this:

#navigation{
	font-size: 11px;
	width: 694px;
	height: 20px;
	position: absolute;
	top: 131px;
	left: 3px;
}