2 replies [Last post]
mhoram
Offline
newbie
Last seen: 14 years 48 weeks ago
Joined: 2004-09-21
Posts: 4
Points: 0

Hi all

What im trying to do is redesign a website main menu bar in CSS.

i have run into a display problem when using netscape this problem does'nt not occur with Opera, IE or IE on Macs.

here is a link

i have separated the problem area from the rest of the menu image so its easy to see. I have also enclosed it in a layer with a border so the problem is obvious.

http://www.bulmerscomedy.ie/test/css_test.html

basically what happens is that the <ul> is being displayed lower than on other browsers as you can see by the position of the menu images in relation to the <div> border.

i have also left in the bullet images, for reference though the problem still persists when i hide them

any help, greatly appreciated

CSS Used on the <ul> here

#navlist ul {

position:absolute;
list-style-type: none; /*turns off display of bullet*/
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/

}

#navlist li {

float: left;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/

}

chris_sw
Offline
Enthusiast
Leeds, UK
Last seen: 14 years 48 weeks ago
Leeds, UK
Joined: 2004-09-21
Posts: 115
Points: 0

&lt;ul&gt; display problem in netscape 7

Hi

The problem's with the selector for the list. Instead of

#navlist ul

try

ul#navlist

mhoram
Offline
newbie
Last seen: 14 years 48 weeks ago
Joined: 2004-09-21
Posts: 4
Points: 0

&lt;ul&gt; display problem in netscape 7

thanks for that chris.

thats what happens when you stare at CSS rules for too long Smile