Site help - IE, Firefox not looking right
- Started
- Last post
- 16 Responses
- elahon
Can someone help me out here. In Safari, OS 10.3.8, on the Content menu, a dropdown works just fine, but in IE 5.2 there is nothing, and in Firefox 1.5.0.1 the dropdown appears, but there is no background color.
http://www.jasonandreoni.com/tem…
Any suggestions?
- UndoUndo0
I'm not sure about the shorthand colors #fff; etc but they might be okay. colors are normally 6 chars long. The ul li definition has white as a background colour and no image. what did you expect to see?
- elahon0
I'm expecting to see the dropdown cover up the content that is beneath it, not show through. I changed all of my #FFF's to 6 like you suggested, but still nothing. Like I said, it looks fine in Safari, but it shows through in FF and doesn't work at all in IE.
- UndoUndo0
winxp FF 1.5.0.1 and it works fine, the background of the white menus to the left is white and covers up the text. u sure its not cached in yr browser?
- weestu0
shorthand colours are ok to use.
It might be a conflict between the horizontal centering and the absolute positioning on the sub-menu. try making the navigation run horizontally and see what happens...
- elahon0
Ok, in FF, I cleared the cache and reloaded, and it does look ok on hover, but when you click on an item the background disappears.
weestu, the position is ok, just the background of the dropdown, where it says "article one, two, etc." and "guide one, two etc."
- UndoUndo0
add this to yr css. should work then :)
ul li a:hover {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 2px solid #fff;
border-bottom: 0;
}
- elahon0
=( Nope, the background drops out when you click on one of the dropdown menu items.
And still nothing whatsoever in IE.
- UndoUndo0
oops my mistake, this works I just tried it on FF
ul li a:visited {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 2px solid #fff;
border-bottom: 0;
}
- weestu0
the drop downs aren't appearing at all in IE6 PC
- UndoUndo0
just noticed you've defined ul twice the second time
ul {
margin: 1;
padding: 3;
list-style: none;
width: 120px;}
and this line:
li:hover ul { display: block; }
should be this from the tut:
li:hover ul, li.over ul { display: block; } /* The magic */
- elahon0
Cool, guys. I'm at work but I'll tool around with what you said when I get home.
Thanks!
- JazX0
why are you even trying to support Safari?
nobody use it chief
- elahon0
I'm actually trying to fix it for IE and FF. It looks fine in Safari.
- xenicon0
hats off for the help offered here, why NT is great
- elahon0
I decided to shitcan the drop down and go with what I originally had. Thanks for your help, all!