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

1
point

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 almost 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 almost 9 years ago
1
point

#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 almost 9 years ago by Jeffery To
  • yes indeed (wasnt in the mood to check everything ;P) Menno Geelen almost 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 almost 9 years ago