Problem between IE and FF

Also, should I be using tables or divs?

[RaefWolfe]

< url removed >

I'm working on this page for someone whose previous website was, well, quite horrid (geocities WYSIWYG). The problem is that I'm finding that in FireFox, my page displays exactly how I want it to. In Internet Explorer, there's a space on the left and bottom of my top table.

Also, I used '100%' for my height and width attributes, which stretches my page out. Vertically, I don't mind so much. Horizontally, well, that's an issue. I don't want to have to make multiple webpages for separate screen resolutions any more than I have to make multiple webpages for separate browsers.

And with my layout, should I be using DIVs or tables? I generally prefer tables, as I can work with them easier, but DIVs seem to offer more options and might be the fix to my issue.

<Sorry, no specific urls.
See Forum Charter [webmasterworld.com]>

[edited by: tedster at 5:06 am (utc) on Jan. 22, 2007]

[cmarshall]

1) Kiss your URI goodbye. An admin will politely remove it and explain that we aren't allowed to post these kinds of URIs here.

2) The basic rule of thumb, is if you want a layout that reacts to the context (screen/window size, etc.) then use <div> elements. If you want a layout that favors the content, then use <tables>.

Generally, you are better off designing using <div> elements. It can be more work than <table> elements, but can be well worth it when you want your layout to flex (like for different screen sizes and presentations).

[g1smd]

Make sure you make your page using headings, paragraphs, lists, tables (for tabular data), forms, and images.

Once you are thinking about document structure, and not purely about page layout, things become more simple.