Newbie please help incompatibility with IE 7 1

[dehandle]

I've done this page

http://www.aheadtraining.co.uk/courses.html

that works fine in mozilla and IE 6 but totally screws up in IE 7.

I tried a few things but no use. For some reason whatever background color on the first row, will extend the depth of the page and won't show the rest of the rows and text. The content is there though as I can copy and paste it in Word.

I bet there's a bit of code I have to put in the script for IE 7 to recognise the rest of the code???

I use javascript rarely and I'm totally lost! please help!

 

[BillyRayPreachersSon]

It's nothing to do with your JS - it's purely CSS that's causing the problem.

If you remove a lot of your scroll-based CSS, you'll find that the table displays.

Personally, I think you've very much over-complicated your CSS. Why not simpyl have a table, in a div with overflow:auto on it? Why go to all the hassle of defining a whole bunch of stuff you really don't need?

I'd simplify it down to the bare minimum, and if you find you need further help, head on over to the HTML / CSS forum (forum215).

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dehandle]

Many thanks for pointing me in the right direction, Dan!
you were totally right.

This has been very helpful. All fixed now.