Trying to render a table in Mozilla, which works ok in Internet Explorer.

I'm writing a database app, that needs to extend horizontally across the screen, rather than down the screen. It has 4 cells, each 25% of the table width.

Mozilla doesn't seem to like table widths beyond 100% - is this because its not strictly correct HTML ?

NB: I'm very mindful to write HTML that is compatible across all browsers. I don't want to go down the avenue of writing only something that will work in IE.

EDITED TO ADD:
Setting a table width in pixels does SEEM to be acceptable to Mozilla, but I don't like doing this as I like my users to be able to increase font size themselves to aid readability and restricting a table width to X pixels wide doesn't help this.

 

Mozilla / firefox etc both accept width=-"100%" and format it correctly. Why would you want to create anything with larger values?

I've created loads of tables using 100% width, and the render just fine in both ie and mozilla (filling the page horizontally), so I suspect you've got something wrong elsewhere in your html if it's not working for you...

 

Iain, I know width=100% renders fine - perhaps I didn't explain properly.

In this instance I have so much information to display that it won't all fit on one screen. I'd want to fit the extra information on the screen sideways (not downwards) eg. the user would scroll HORIZONTALLY to see all the information.

 

Problem solved

 

The '100%' refers to the width of the browser window not the width of the screen, so 200% of 10 pixels is still only 20 pixels if one's browser is set that wide. Use something else.

 

<table width=*>
That means it will size it to whatever content is in it...so it WILL scroll horizontally...not sure if thats what u did tho!