• 0

CSS Menu Help


Question

Ok guys new issue with this website:

http://www.ellsworthllc.com/beta

if you go to the site with ie7 or firefox 3.6 for OS X, the menu navigation on top is a mess. But not issue at all with ie8, chrome or firefox 3.6 for Windows. Anyone with knowledge can give me a light in what is going on in here? I can't figure out. Thanks!

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

I don't see anything wrong with Firefox 3.6 on Mac.

Good to know it. Someone told me that looks bad in firefox on the Macintosh platform.

Link to comment
Share on other sites

  • 0

font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;

That looks a bit strange, are those first 2 items supposed to be from a @font-face declaration? Because it doesn't look like a proper family name (especially if it's 2 parts)

Edit 2:

<script>
var newwindow;
function newsletter(url)
{
	newwindow=window.open(url,'name','height=350,width=425,scrollbars=yes,resizable=no');
	if (window.focus) {newwindow.focus()}
}
</script>
<script>
var newwindow;
function twitter(url)
{
	newwindow=window.open(url,'name','height=600,width=800,scrollbars=yes,resizable=no');
	if (window.focus) {newwindow.focus()}
}
</script>

Bit of duplicated code, but meh :p

Link to comment
Share on other sites

  • 0

Change:

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

To:

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: 0;

}

EDIT: I wasn't sure why this worked but did some searching around and found that using left:auto; in cases like this was well known to cause offset issues in IE7. This is/was a known bug that was fixed in IE8.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.