Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

nav jumping around on hover - IE problem by the looks

Status
Not open for further replies.

leeboycymru

Programmer
Jan 23, 2007
185
GB
Hello, I have this problem that only seems to be aoccuring in IE6, fine in IE7.

Here it is:


Its the navigation on the right in the grey box.

and here's my css:

#ExtraLinksBoxNews {
BORDER-RIGHT: #bdbdbd 1px solid; BORDER-TOP: #bdbdbd 1px solid; FONT-SIZE: 11px; FLOAT: left; MARGIN-LEFT: 45px; BORDER-LEFT: #bdbdbd 1px solid; WIDTH: 160px; COLOR: #111; PADDING-TOP: 10px; BORDER-BOTTOM: #bdbdbd 1px solid; FONT-FAMILY: Tahoma; POSITION: relative; TOP: -65px; HEIGHT: 70px; BACKGROUND-COLOR: #eee; TEXT-DECORATION: none
}
DIV#ExtraLinksBoxNews LI A {
DISPLAY: block; FONT-WEIGHT: bold; COLOR: #3939ce; TEXT-DECORATION: none;
}
DIV#ExtraLinksBoxNews LI A:hover {
WIDTH: 109px; COLOR: #eee; BACKGROUND-COLOR: #ff5900; TEXT-DECORATION: none
}

I cant seem to be able to work it out

Lee
 
I feel as if we will not be able to see your localhost. Or, I am pretty sure my localhost does not have those folders and that file. Maybe provide an online version of the page?
 
tut, sorry!

being stupid then, i will post a new link back shortly

Lee
 
This is a common problem in IE6, but hardly documented. It works perfectly in IE7, however, 6 will cause problems. I suggest you play with making list items inline and then stripping a bunch of hover styles. I cannot really tell you what exactly is wrong and cannot properly debug on IE6 because I do not have it installed on this machine.
 
I think you need to define the heights on your anchor tags. I will look into this more and post back after I get it.

[monkey][snake] <.
 
I see you're changing it up, and I also see you got any vertical resizing issues taken care of in IE6. So there's nothing for me to look for. [greedo]

[monkey][snake] <.
 
Ye thanks Monksnake,

I thought bugger it and went for a new version, and it seems to work fine, so im going to style that now.

Lee
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top