By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,396 Members | 1,835 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,396 IT Pros & Developers. It's quick & easy.

Table rendering problem in IE, works in everything else.

P: 5
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.
Feb 25 '08 #1
Share this Question
Share on Google+
9 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Validate your html and css for those lists of errors.
Feb 25 '08 #2

P: 5
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?
Feb 26 '08 #3

harshmaul
Expert 100+
P: 490
remove those two, and use this....

Expand|Select|Wrap|Line Numbers
  1. style="margin-top:0px; margin-left:0px;"
Feb 26 '08 #4

P: 5
remove those two, and use this....

Expand|Select|Wrap|Line Numbers
  1. 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.
Feb 26 '08 #5

P: 5
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
Feb 27 '08 #6

drhowarddrfine
Expert 5K+
P: 7,435
1) It shouldn't. Don't know why.
2) Firefox repeats. IE doesn't. Set your background image to 'no-repeat'

4) position:absolute; top:0; left:0
Feb 27 '08 #7

just a feeling
P: 87
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.
Feb 27 '08 #8

P: 5
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!
Feb 29 '08 #9

drhowarddrfine
Expert 5K+
P: 7,435
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.
Feb 29 '08 #10

Post your reply

Sign in to post your reply or Sign up for a free account.