[thelist] strange css problem [WAS calling all css gurus >>>bl**dy css..... gggrrrr...]

Richard Bennett richard.bennett at skynet.be
Tue Apr 30 06:34:01 CDT 2002


Hi,
----- Original Message -----
From: "Scarlett Julian (ED)" <Julian.Scarlett at sheffield.gov.uk>
http://roselli.org/xfer/cssproblem.htm
In IE5.0Win the text in the submenu moves to the right when a user moves the
mouse over the menu in the left hand nav div. This behaviour is not shown in
IE5.5Win, IE4Win, Opera6, or NS6.2. Not tested with a Mac yet.

Take care when using key-words as class or variable names, I'd rename your
class "title" to "mytitle" or something.
Then if you drop the "width:100%" in that class, it will still display as it
should, and the links won't move when you mouse-over the main nav.

Also, you might want to clean up the stylesheets by hand, this:

BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: 5px; BORDER-RIGHT: #ccc 1px
solid; BORDER-TOP: #ccc 1px solid;

is the same as this:

border: #ccc 1px solid;

And you have that in almost every class, the css could be a lot more
compact.

Cheers,
Richard.




More information about the thelist mailing list