Table rendering problem in IE, works in everything else.

[MustaineAsylum]

Hi all,
I'm having an issue with a page that uses tables to build the primary interface. In Firefox and Safari, it looks exactly the way I want it too by expanding the correct <td> cell on the left side. In IE it expands the wrong <td>cell on the left side, breaking the layout. You can view the page here:

http://www.allcountylockandsafe.com/safecracking.html

Anyone know why it's doing this? Is there a way I can specify which cell is supposed to stretch?

Edit: I completely redid the page from scratch and still have the same problem. My second attempt you can view here:

http://www.allcountylockandsafe.com/test.html

Both look good in Firefox, both break (differently) in IE.

I've been working on this bug for hours now. Any help would be greatly appreciated.

[drhowarddrfine]

Validate your html and css for those lists of errors.

[MustaineAsylum]

Okay I validated and fixed all problems but 2 which I dont know how to solve:

1. there is no attribute "leftmargin "
2. there is no attribute "topmargin"

It says these are not valid attributes, yet if I take them out my page gains padding which I don't want.

So I've verified the code and still have the exact same problem. This page is not rendering correctly in any version of IE that i've tested. 5-7. But it works correctly in every other browser that i've tested. IE seems to be stretching all of the column 2 cells, instead of just the one it's supposed too.

Any ideas?

[harshmaul]

remove those two, and use this....

style="margin-top:0px; margin-left:0px;"

[MustaineAsylum]

remove those two, and use this....

style="margin-top:0px; margin-left:0px;"

Thanks, now my page validates with no errors. However, my original problem is still there. Anyone know a way to fix the table issue I'm having?

Also, I want to add that I'm currently teaching myself CSS to get away from table layouts, but this layout is ready to go sans this problem. I really want to avoid recoding this site, although I plan on my next one being CSS.

[MustaineAsylum]

Okay so i'm attempting recoding the interface in CSS. Here's what I have so far. I have a few questions for anyone kind enough to help a newbie. Any help at all would be killer, as I'm trying to teach myself. Table Layout Designer desperately trying to convert!

http://www.allcountylockandsafe.com/csslayout.html

http://www.allcountylockandsafe.com/css/master.css

1. Why does it slow IE7 to a crawl? (haven't tested any other versions)

2. Why is there an incorrect black background displayed in firefox, but it is correct in IE7.

3. How do I have the left sidebar match the height of the content panel? I want it to fill the blank space with white.

4. How do I float the vault image into the top left corner without it moving anything else around, so that it looks like the original layout?
Image: http://www.allcountylockandsafe.com/images/lo-vault.gif
Desired Look: http://www.allcountylockandsafe.com/indexb.html

[drhowarddrfine]

1) It shouldn't. Don't know why.
2) Firefox repeats. IE doesn't. Set your background image to 'no-repeat'

4) position:absolu te; top:0; left:0

[just a feeling]

Hi Mustaine,

1. Why does it slow IE7 to a crawl? (haven't tested any other versions)

IE6 crashes too. You should add 3px to the width of #page-container cuz the sidebar div is below the content in IE6. I don't have IE7 to test if that will solve the problem.

2. Why is there an incorrect black background displayed in firefox, but it is correct in IE7.

repeat the background image.

I don't have time now to check other problems. I'll see if I can tomorrow.

[MustaineAsylum]

Thanks for the help!

I re-tabled the design and stuck with what I knew for this site, but my next site will be CSS and I'm still going to try to learn from this one.

The original issue still goes unsolved, but I'm gonna chalk it up to IE being a steaming pile of dung.

Thanks guys!

[drhowarddrfine]

Just to make you feel better (maybe), I just upgraded a friend's site. I really didn't have time to mess with it so I rushed a bit using Firefox and Opera as my test beds (don't have IE or Windows on my laptop). When I was done:
Firefox good.
Opera wonderful!
Safari great!!
IE6 errrr...
IE7 Arrrrgh.