I am trying to fix the browser layout problem for IE8 (and likely other IE versions) for the website gracepointaustin.org. The site looks as intended on Firefox, Chrome, and Safari. In IE, the table cell leftcontent is squeezed down to 138 pixel instead of 190, while the rightcontent is expanded to 737 instead of 685. I tried changing the margins and paddings, but those things did not help. The page validates. Would anyone be able to figure out what is wrong? Thanks.

2 answers


Well im sorry that im gonna be the one to tell you this, but you shouldnt use html tables to define your site layout. Its better to use divs which get styled by css. read here: http://www.andybudd.com/archives/2004/05/an_objective_look_at_table_based_vs_css_based_design/

also: the swf didnt work for me in IE8.

And when i load the page in IE, it goes all well, until it tries to load the swf, looks like some javascript is ruining this for you! The right content is pushed away from the right border and thats also the reason leftcontent gets smaller.

Hope you know where to look now ^^

Answered about 9 years ago by Menno Geelen
  • I know also it's preferable to use divs instead of tables for the layout, but I inherited the old design and had not taken the time to change it. Tom Wang about 9 years ago

#rightcontent and #screen both have width: 685px; but the Flash has width="687". Try changing the two widths to 687px (or the Flash width to 685px).

Answered about 9 years ago by Jeffery To
  • yes indeed (wasnt in the mood to check everything ;P) Menno Geelen about 9 years ago
  • Thanks for the suggestion. I tried changing the flash width to 685. For some reason, 687 fills up the border in Firefox. Changing the width also does not help IE. Tom Wang about 9 years ago