Please have a look at this page and tell me why its happening???

[anim8or]

Hello all,

I am a fairly novice web designer i know simple html, not much css and use dreamweaver....

My problem lies with one page on a site i am working on.

http://www.trevorjonesart.com/abstract.html

On Safari and FF it displays correctly but on IE7 it goes a bit skewif!!

Please can someone have a look and see if they can see what i have done so wrong?

PS I know my coding is messy please have pity on me!

Thanks in advance.

 

[66217]

If you could at least tell us where is it going wrong. Most of the people here have Macs, and consequently Safari or Firefox. So we can't see were the error is happening.

And the code doesn't helps much to find it neither.

 

[SRSound]

What code/plug-in are you using to make the pictures "appear" above the page like that? Do you have a screenshot of the site in IE?

 

[anim8or]

Hi thanks for replies.....

I only have a mac too.... not installed Boot Camp yet and therefor when i debug the site i have to wait until i get to work to check the windows versions.

I don't have a screenshot presently i will try and grab one tomorrow at work.

Basically i have a few gallery pages and they are all fine and display correctly except the one linked above.... which is fine in Safari and FF but in IE7 the tabular layout is all wrong the columns are all over the place not in line vertically.

Like you said the code doesn't seem to allude to any problems but i must have done something for this to happen?

 

[Cabbit]

http://ipinfo.info/netrenderer/index.php

Type the wed address into here for a screen shot. I recommend web devs to at least use this or wine at minimal with preference of a actual windows computer with a 17 inch CRT screen and 17 inch TFT screen over VGA at 1024x768 16 bit.

After looking though the code the problem would seem to be the amount of tables inside tables and very poor coding. You will need to clean it up and simplify the code, for this design i would use a table only for the layout of the images but even then a table is unnecessary as you can easily use CSS to accomplish the same result with less code.

 

[dejo]

Looks like the width and height you have set for the <table> are conflicting with the widths and heights you have set for the <td>s. I'd remove those and either control things more through cellpadding / cellspacing or, better yet, through CSS classes.