Browser Differences (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message

JBW -> Browser Differences (1/29/2005 6:10:10)

Hi all,

I have a minor problem with CSS, but one that is bugging me all the same.

I have a class:hover attribute which works well in FF, but good ol' IE doesn't show it how I would like. The particular bit of interest is as follows...

.Nav {
padding-top: 2px;
padding-bottom: 2px;
}
.Nav:hover {
background-color: #FFFFFF;
}

When viewing the site www.jgpropertymanagement.com in FF, the background goes white as I'd like it to, but in IE, it does not. Does anybody know of a workaround for this?

Many thanks,

John.



jaybee -> RE: Browser Differences (1/29/2005 8:17:11)

.nav a:hover

I suggest you also specify all the states together in your css to avoid later confusion.

Make sure they're in the right order otherwise you can have problems

link
visited
focus
hover
active

You can miss some out but they must appear in that order



caz -> RE: Browser Differences (1/29/2005 8:43:02)

IE needs to have descendant selector properties spelled out for it, you could try this- 

tr .Nav a:hover {
	background-color: #FFFFFF;
}


It worked for me in IE and FF.

HTH
Carol



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625