Table has different widths under IE, Firefox and Opera...why!?

[aljamala]

Hi All,

I am encountering this problem while doing some cross-browser testing.
The table in IE looks fine, in Firefox it goes all the way to the edge
of the screen and in Opera it is going off the screen (way too big). I
have the table width set as 160% (I know its high, but I was playing
around with it)

Here is a sample page, it doesnt look as good as it should and I'm
sorry for having to use geocities, but the table is there and you will
see the effect I speak of

http://www.geocities.com/aal_jamal/rptStandard.htm

Thanks,

Ammar

[Andy Dingley]

al******@gmail.com wrote:

I am encountering this problem while doing some cross-browser testing.

Why bother, until after you've validated the page?

The table in IE looks fine, in Firefox it goes all the way to the edge
of the screen and in Opera it is going off the screen (way too big).

Which doctype? Why are you even trying to control widths accurately
when you're not using an appropriate doctype?

http://www.geocities.com/aal_jamal/rptStandard.htm

How do you expect any accurate control of width to work when you're
using geocities ?

have the table width set as 160% (I know its high, but I was playing
around with it)

160% of _what_? Think about that for a minute.

[aljamala]

Andy Dingley wrote:

al******@gmail.com wrote:

I am encountering this problem while doing some cross-browser testing.

Why bother, until after you've validated the page?

It is valid. If I take my source (not the one on geocities) I get a
validated page
Result: Passed validation
File: upload://Form Submission
Encoding: utf-8
Doctype: HTML 4.01 Transitional

>
Which doctype? Why are you even trying to control widths accurately
when you're not using an appropriate doctype?

Doctype is there (and mentioned above)

>
How do you expect any accurate control of width to work when you're
using geocities ?

That should have no effect. The table is looking the same whether its
on my intranet or on geocities all that is missing is some images

>
160% of _what_? Think about that for a minute.

I believe its the browser window...I get the same effect if I use an
absolute number

[Andy Dingley]

al******@gmail.com wrote:

It is valid. If I take my source (not the one on geocities) I get a
validated page

So why are you asking us about a page we can't see and showing us a
different one, on a host that makes it impossible to do competent HTML
development? You might as well ask us to debug a MySpace layout!

[Rik]

al******@gmail.com wrote:

Hi All,

I am encountering this problem while doing some cross-browser testing.
The table in IE looks fine, in Firefox it goes all the way to the edge
of the screen and in Opera it is going off the screen (way too big). I
have the table width set as 160% (I know its high, but I was playing
around with it)

Here is a sample page, it doesnt look as good as it should and I'm
sorry for having to use geocities, but the table is there and you will
see the effect I speak of

http://www.geocities.com/aal_jamal/rptStandard.htm

I'm not going to check all that HTML, certainly because it doesn't
validate. Just a quick reminder that for a percentage to work, the width of
a parent element has to be defined. If that width is also a percentage,
then it's parent etc. If one is not defined, all bets are off and browsers
have to guess what you want, and do so quite differently.
To get a quick answer and make it easy for us, please use this guide:
http://www.positioniseverything.net/...s/mys-bug.html

In short: create a minimal test-case, without all the markup that does not
affect the behaviour you've got questions about.
--
Rik Wasmus

[aljamala]

Andy Dingley wrote:

So why are you asking us about a page we can't see and showing us a
different one, on a host that makes it impossible to do competent HTML
development? You might as well ask us to debug a MySpace layout!

The effect I am talking about is the same across both pages, its not a
validation issue its obviously a sizing issue

thanks anyway...

I fixed it myself

[aljamala]

Rik wrote:

To get a quick answer and make it easy for us, please use this guide:
http://www.positioniseverything.net/...s/mys-bug.html

In short: create a minimal test-case, without all the markup that does not
affect the behaviour you've got questions about.
--

Thanks Rik, I've gotten flamed many times, yet nobody bothered to post
a link on how to post a test case...they just say the same things over
and over and I end up fixing it myself

[Dan]

al******@gmail.com wrote:

I am encountering this problem while doing some cross-browser testing.
The table in IE looks fine, in Firefox it goes all the way to the edge
of the screen and in Opera it is going off the screen (way too big). I
have the table width set as 160% (I know its high, but I was playing
around with it)

>From that description it sounds like Opera is the browser getting it

right; if you say the table should be "160%", that should mean the full
width of its parent element (the entire window if that's what the
parent is) plus 60%.

--
Dan