css hover not working in IE

[saurabh9]

I am trying to make a row change color on hover. The css is working
fine in Firefox, but not in IE. Can anybody have a look please?

The site is at http://www.saurabhkumar.com/rac/forms/form2.php

Thanks.

 

[Adrienne Boswell]

Gazing into my crystal ball I observed saurabh9 <[email protected]>
writing in (e-mail address removed):

I am trying to make a row change color on hover. The css is working
fine in Firefox, but not in IE. Can anybody have a look please?

The site is at http://www.saurabhkumar.com/rac/forms/form2.php

Thanks.

And it's going to fail miserably for users without javascript enabled.
Javascript should be an enhancement, not vital to the page.

 

[Els]

I am trying to make a row change color on hover. The css is working
fine in Firefox, but not in IE. Can anybody have a look please?

The site is at http://www.saurabhkumar.com/rac/forms/form2.php

Looking at your stylesheet I see float:centre;
That doesn't actually exist. Float has left or right, no center.

Also, you are defining font-size in pixels - this means they won't be
resizable for a large part of the visitors. It's better to use %,
where 100% is the visitor's default font-size.

As for the problem you are asking about, IE6 can only understand
:hover on <a href...>, not on any other element. In IE7 it works fine.

 

[saurabh9]

Looking at your stylesheet I see float:centre;
That doesn't actually exist. Float has left or right, no center.

Also, you are defining font-size in pixels - this means they won't be
resizable for a large part of the visitors. It's better to use %,
where 100% is the visitor's default font-size.

As for the problem you are asking about, IE6 can only understand
:hover on <a href...>, not on any other element. In IE7 it works fine.

I put the size in px because the requirement is that the table should
not be wider than 800px. Can I implement this requirement in a better
way?

 

[Els]

I put the size in px because the requirement is that the table should
not be wider than 800px. Can I implement this requirement in a better
way?

Tell the requirement-person which they prefer: stick to 800px width
always, or have people be able to read their form.

Also, setting font-size in pixels only has effect in IE - in Firefox
and Opera for example, even the pixel sized fonts resize when the user
wants them to.

 

[Thomas Mlynarczyk]

I am trying to make a row change color on hover. The css is working
fine in Firefox, but not in IE.

IE<7 does not support :hover on anything but <a>. There is, however, a
JavaScript based solution using IEs proprietary behaviour property:

http://www.xs4all.nl/~peterned/csshover.html

Greetings,
Thomas

 

[richard]

I put the size in px because the requirement is that the table should
not be wider than 800px. Can I implement this requirement in a better
way?

Define the table width as 800 pixels.
In css you can show table {width:800px} or <table width="800px">.
no dot or # before table in css.

 

[Jonathan N. Little]

Define the table width as 800 pixels.
In css you can show table {width:800px}

Correct CSS syntax

or <table width="800px">.

Wrong HTML syntax, HTML attribute's do not have units except '%'

no dot or # before table in css.

True when specifying an type selector:

table { /* styles TABLE element */ }

You could have a class or id table, although probably not a very good
idea...

Class selector:
..table {/* styles elements of class 'table' */}

e.g., <div class="table">... or <ul class="table">...

ID selectors:
#table {/* styles elements of id 'table' */}

e.g., <div id="table">... or <ul id="table">...

 

[dorayme]

I put the size in px because the requirement is that the table should
not be wider than 800px. Can I implement this requirement in a better
way?

Allowing the font size to be whatever most users wants does not
necessarily mean the table has to go beyond 800px because there is a
mechanism called wrapping within table cells that will kick in to take
care of most situations.