9 replies [Last post]
Moriarty
Offline
newbie
Last seen: 13 years 13 weeks ago
Joined: 2007-07-25
Posts: 5
Points: 0

I have been trying to get Son of Suckerfish dropdown menus to work in IE for me for the longest time... I just can't get it to align how I want it to when I add my own "tab" effect.












That's the HTML

#nav { float: left; list-style: none; line-height: 1; font-size: 16px; padding: 0; margin: 0 0 0.5em 0.6em; }

#nav ul {
list-style: none;
background: #006600;
padding: 0;
border: 1px solid #000;
}

#nav li.sfhover ul {
left: 1em;
}

#nav a {
display: block;
color: white;
text-decoration: none;
padding: 0.25em;
padding-right:0;
}

#nav ul a {
display: block;
width: 6em;
color: white;
text-decoration: none;
background:none;
border:none;
}

#nav li {
float: left;
padding: 0;
width: 7em;
height:auto;
}

#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 13.9em;
font-weight: normal;
border: 1px solid #000;
}

#nav li li {
padding-right: 1em;
width: 13em;
}

#nav li ul a {
width: 12em;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#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;
}

#nav ul li:hover, #nav li:hover, #nav ul li.sfhover, #nav li.sfhover {
background: #009900;
}

/* Width of the tabs */
#nav #main1 {
width:3.4em;
}

#nav #main2 {
width:4.6em;
}

#nav #main3 {
width: 4.5em;
}

#nav #main4 {
width:7.85em;
}

#nav #main5 {
width:7em;
}

#nav #main6 {
width:6.8em;
}

#nav #main7 {
width:6.3em;
}

#nav #main8 {
width:5.5em;
}

#nav li {
margin-right: 3px;
border: 1px solid #000;
background: #006600;
color: white;
text-decoration:none;
}

#nav li ul li {
border:none;
background: #006600;
color: white;
text-decoration:none;
}

#nav li ul {
border: 1px solid black;
}

#nav li:hover, #nav li.sfhover {
position: static;
}

And that's the CSS

Just in case this will help, here's a link to a test page (just throw together so There is no content other than the menu)
Linkage

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 44 weeks 11 hours ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

If you can't give us a link

If you can't give us a link to the actual site, which is best, we need at a minimum all your html and all your CSS, not just snippets of either.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Moriarty
Offline
newbie
Last seen: 13 years 13 weeks ago
Joined: 2007-07-25
Posts: 5
Points: 0

I posted a link to a demo

I posted a link to a demo site of mine that has the same problem: http://www.martinlutherchapel.org/test.html

I guess I could have made the link more noticible

Thanks,
Moriarty

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 44 weeks 11 hours ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Moriarty wrote:I posted a

Moriarty wrote:
I posted a link to a demo site of mine that has the same problem: http://www.martinlutherchapel.org/test.html

I guess I could have made the link more noticible

Indeed you could have. In fact all you need to post is the link, no need to bother with pasting in the html and CSS, we can see all that with a link anyway.

I'm not an expert on suckerfish menus so I'll leave that part to the smart ones on the board.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Moriarty
Offline
newbie
Last seen: 13 years 13 weeks ago
Joined: 2007-07-25
Posts: 5
Points: 0

I got it fixed on another

I got it fixed on another site...
just a problem with different default margin settings in browsers.

Thanks,
Moriarty

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 31 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Moriarty wrote:I got it

Moriarty wrote:
I got it fixed on another site...

Do you mean you posted this question on other forums?

Verschwindende wrote:
  • CSS doesn't make pies

Moriarty
Offline
newbie
Last seen: 13 years 13 weeks ago
Joined: 2007-07-25
Posts: 5
Points: 0

Yes. http://forums.devshed.co

Yes.
http://forums.devshed.com/css-help-116/suckerfish-not-aligning-in-ie-462224.html

I got it answered quickly. Thank-you, though.

I needed to get it answered as quick as possible, or else I would have been patient.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 31 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Moriarty

I got it answered quickly. Thank-you, though.

I needed to get it answered as quick as possible, or else I would have been patient.

Don't cross-post, even if you are in a hurry. It irritates a lot of people Wink

Verschwindende wrote:
  • CSS doesn't make pies

Moriarty
Offline
newbie
Last seen: 13 years 13 weeks ago
Joined: 2007-07-25
Posts: 5
Points: 0

I'll keep that in mind...

I'll keep that in mind... sorry...
:bigoops:

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 31 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Not to worry now, you live

Not to worry now, you live and learn Wink Glad you got it fixed.

Verschwindende wrote:
  • CSS doesn't make pies