Table Problems

Can I say I hate Tables…this person does not want to redo her site to remove the tables. On this page http://whimsmoore.com/ETOM2.html
her products are in a table that fits nicely into the space allowed in FF, but in IE8 (not checked 7 yet) the table’s right margin is causing the table to be too far to the left. With out the large right margin the table is too far to the right in FF. Is there a way to place a table without margins or is there a way to get both browsers to start the margin from the same reference point?

Thanks
Dotty

Try this out :slight_smile:


.etomtable{float:left;}
.twoColElsLtHdr #mainContentfairybooks{overflow:hidden;}

Hi Ryan
That helped - had to use a large negative left margin to get it centered again - for some reason the right margin would not work. Now there appears to be a z-index problem so I gave the table a position:relative and z-index:1000 and the side image/text position:relative and z-index:1 - but it did not fix the problem.
Added a height to the left side thinking it would flow under it but no such luck.

That should have fixed it since you had a right:-160px and that slid it into place. But whatever :).

Put the page back to the way it was. I see a lot of changes to the page. My two lines of code should have not done this :). It was working locally so you must have done something else.

Ryan congratulations on your CSS Guru title - You really deserve it.
I fixed the problem by giving the image and text in the left sidebar absolute positioning.

Not needed but I’m glad you got it sorted :).

And thanks :D.