|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#1
April 29th, 2004, 05:28 AM
|
||||
|
||||
|
css dropdown menu positioning problems in mozilla
i am trying to use the suckerfish dropdown menu. starting from the pretty example, i got it going in IE6 but it looked pretty off in mozilla. i tinkered around further the the IE code which changed things a bit there and made things look a bit better in mozilla but not much!
my code is at http://www.fizzycherry.com/menutest.html - i would *really* appeciate any ideas. the main things really bugging me are: how can i get the menu bar to fill the width of the screen in mozilla? my navbar div did this before i inserted the sub menus! once i tinkered with my css, placing padding on the links rather than the li elements, huge vertical gaps started appearing in the submenus in both IE and Mozilla, even with no margins padding and borders. i need to *add* a bottom border (same colour as background) to remove these gaps! why?? ideally i would like the submenus to look somethign like they do in ie6 but even if someone could just tell me how to make the bar fill the screen i'd be chuffed!
|
|
#2
April 29th, 2004, 01:54 PM
|
||||
|
||||
|
Float elements must have a width.
Code:
#navbar li {
width: 16%;
float: left;
position: relative;
background-color: #cc6600;
border: 0;
margin: 0;
padding: 0px;
border-left: 1px solid #fff;
text-align: center;
}
cheers, gary [mode=crow]This my 1000th post. Most have even been on topic. Thanks to all for your tolerance.  [/mode]
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing. Ask a better question, get a better answer. Last edited by kk5st : April 29th, 2004 at 01:58 PM.
|
|
#3
April 30th, 2004, 06:18 PM
|
||||
|
||||
|
thanks gary
i had eventually got round it just lately by putting in spacer divs above n below my outer ul inside my div: Code:
div.spacer
{
clear: all;
}
but your way seems neater n easier i'm honoured you wasted post # 1000 on me congrats! maybe i'll get to 100 someday 
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > css dropdown menu positioning problems in mozilla |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
