14 replies [Last post]
maryjane9110024
maryjane9110024's picture
Offline
Regular
Phoenix, AZ
Last seen: 14 years 20 weeks ago
Phoenix, AZ
Timezone: GMT-7
Joined: 2007-12-27
Posts: 35
Points: 0

I have two drop down navigations. I followed my own advise on a previous thread but still have the spacing issue in FF. Looks perfect in IE. Any takers?

http://www.maryjane9110024.com/dev/
*yes my code is valid... i already checked Tongue

Aequitas
Aequitas's picture
Offline
Enthusiast
PA
Last seen: 11 years 46 weeks ago
PA
Timezone: GMT-4
Joined: 2007-09-13
Posts: 246
Points: 2

Not to be a *beep*, but if

Not to be a *beep*, but if your code works in IE and not Firefox, it's almost assuredly blind dumb luck, or bad coding practices. Take your pick.

I will take a look shortly for you.

Aequitas
Aequitas's picture
Offline
Enthusiast
PA
Last seen: 11 years 46 weeks ago
PA
Timezone: GMT-4
Joined: 2007-09-13
Posts: 246
Points: 2

I can't even find your

I can't even find your #funnies... Please link me to the CSS that styles #funnies.

maryjane9110024
maryjane9110024's picture
Offline
Regular
Phoenix, AZ
Last seen: 14 years 20 weeks ago
Phoenix, AZ
Timezone: GMT-7
Joined: 2007-12-27
Posts: 35
Points: 0

CSS files

Aequitas
Aequitas's picture
Offline
Enthusiast
PA
Last seen: 11 years 46 weeks ago
PA
Timezone: GMT-4
Joined: 2007-09-13
Posts: 246
Points: 2

I have all three of those

I have all three of those open, but when I Ctrl+f for "funnies" ( less quotes ) I get nothing... And my Web Developer toolbar is telling me that the funnies button is
html > body > div #mainPan > div #topNav > ul > li > div #globalNav > a > img #funnies

maryjane9110024
maryjane9110024's picture
Offline
Regular
Phoenix, AZ
Last seen: 14 years 20 weeks ago
Phoenix, AZ
Timezone: GMT-7
Joined: 2007-12-27
Posts: 35
Points: 0

I don't see a reference

I don't see a reference anywhere to #funnies in the code. :shrug: Where in the code is calling #funnies?

This is only the second drop down menu I have created so please bear with me.

Aequitas
Aequitas's picture
Offline
Enthusiast
PA
Last seen: 11 years 46 weeks ago
PA
Timezone: GMT-4
Joined: 2007-09-13
Posts: 246
Points: 2

This can be seen by

Funnies

This can be seen by following the path in my previous post.

After following the path myself, I see that you're using JavaScript ( which makes sense since I didn't see any declarations in your CSS for this ID ) to make these dropdowns, not CSS. JS is not my strong suit by any means, but I'll still try to have a look for you.

maryjane9110024
maryjane9110024's picture
Offline
Regular
Phoenix, AZ
Last seen: 14 years 20 weeks ago
Phoenix, AZ
Timezone: GMT-7
Joined: 2007-12-27
Posts: 35
Points: 0

I think I found it. There

I think I found it. There was an id="funnies" in the img tag which I removed. The spacing is still off though. I played around with the positioning but if I change the top then in IE it doesn't look right.

I created this through Firefox. I made some changes to the style names to make it easier to read. I didn't mess with the js file b/c I am not that familiar with javascript.

Aequitas
Aequitas's picture
Offline
Enthusiast
PA
Last seen: 11 years 46 weeks ago
PA
Timezone: GMT-4
Joined: 2007-09-13
Posts: 246
Points: 2

Try editing ( in funnies.css

Try editing ( in funnies.css ):

#menuContainer {
/* This ID is related to the master menu div for menu and contains the important positioning information for the menu as a whole */
position:absolute;
left:0px;
top:25px;
visibility:hidden;
z-index:300;
}

to:

#menuContainer { /* This ID is related to the master menu div for menu and contains the important positioning information for the menu as a whole */ position:absolute; left:0px; top:5px; visibility:hidden; z-index:300; }

Just to check if it makes a difference.

maryjane9110024
maryjane9110024's picture
Offline
Regular
Phoenix, AZ
Last seen: 14 years 20 weeks ago
Phoenix, AZ
Timezone: GMT-7
Joined: 2007-12-27
Posts: 35
Points: 0

It does, it covers the

It does, it covers the navigation then in IE and looks funky.

Aequitas
Aequitas's picture
Offline
Enthusiast
PA
Last seen: 11 years 46 weeks ago
PA
Timezone: GMT-4
Joined: 2007-09-13
Posts: 246
Points: 2

Well, make it a higher

Well, make it a higher number - keep playing with it till it looks right. If you can't get it to look right in IE and Firefox, you may need to use a conditional style sheet for IE. Read my post in this thread: http://csscreator.com/node/28011 - post if it's unclear.

maryjane9110024
maryjane9110024's picture
Offline
Regular
Phoenix, AZ
Last seen: 14 years 20 weeks ago
Phoenix, AZ
Timezone: GMT-7
Joined: 2007-12-27
Posts: 35
Points: 0

I got it to work right with

I got it to work right with another site and I only used one style sheet. www.dillonsflintlocks.com check it out

Aequitas
Aequitas's picture
Offline
Enthusiast
PA
Last seen: 11 years 46 weeks ago
PA
Timezone: GMT-4
Joined: 2007-09-13
Posts: 246
Points: 2

Looks good. Did you attempt

Looks good. Did you attempt conditional styling? If not, I suggest you do even if it's not needed, it's a very simple way to fix cross-browser discrepancies.

maryjane9110024
maryjane9110024's picture
Offline
Regular
Phoenix, AZ
Last seen: 14 years 20 weeks ago
Phoenix, AZ
Timezone: GMT-7
Joined: 2007-12-27
Posts: 35
Points: 0

Actually no I didn't. I've

Actually no I didn't. I've been comparing my drop down with the one on that site that I did. I can't find whats going on here.

Why would it work on one page but not another? It's something to do with the position but I don't know. Now it wont even go INLINE!

Aequitas
Aequitas's picture
Offline
Enthusiast
PA
Last seen: 11 years 46 weeks ago
PA
Timezone: GMT-4
Joined: 2007-09-13
Posts: 246
Points: 2

Can you be a little more

Can you be a little more specific as to what the problem is?