Table not displaying correctly in IE, works fine in Firefox

HTML & CSS
1

Hi

I’ve searched the forums and Google but I can’t seem to find anything that works so far so I thought I would post on here (apologies if I have overlooked another thread which may solve my problem).

I know it’s probably not best practice to use tables for laying out the page but at the moment I’m not confident enough with CSS to use that.

The problem I’m having is that I’ve got a table with the width set to 100% so that whatever the screen resolution/window size it will always expand to fill the browser. I’ve got a column on the left for the menu set to 150px which I would like to stay that fixed size if possible. This works fine in Firefox 2 but I’ve noticed that in IE 6 and 7 it seems to treat the column width as a percentage or something like that as when I resize the window, the column width changes.

The link to the page is:
http://rwweb.robweb.info/justin/site

(Ignore the empty iframe, I’m working on some content to go in there.)

Edit: When I get round to it I will take the CSS out of the page and put it in a seperate css file to tidy things up a bit but at the moment I found it easier to have it in there to see exactly what’s happening and where :slight_smile:

Does anyone know how I can get it to display properly in IE?

Many thanks.
Rob.

2

The only thing I can recommend is you look into learning CSS, it would help you in these situations.

3

Eww dont use iframes Use Html & CSS. Html is the structure of the web page and Css is The styling of the webpage.

Check out some of these Sites and they can Get You what You want.
http://www.pmob.co.uk/index.htm
http://layouts.ironmyers.com/
http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/

4

First of all, width="150px" is not correct. The width attribute takes a number (interpreted as pixels) or a percentage. Thus it should be width="150", without the ‘px’.

Secondly, widths specified for table cells are only hints (minimum widths) as long as you use the automatic table layout algorithm, which is the default. Cells adapt to their content. You can get a better result with the fixed table layout algorithm, but that can only be achieved with CSS (table-layout:fixed), in which case you’d be much better off ditching the layout tables anyway. :slight_smile: