Closed Bug 282236 Opened 20 years ago Closed 12 years ago

'align right' tables that are too wide truncate at left of screen

Categories

(Core :: Layout: Tables, defect)

defect
Not set
normal

Tracking

()

RESOLVED WORKSFORME

People

(Reporter: michael.graubart7, Unassigned)

References

()

Details

(Keywords: testcase)

Attachments

(2 files)

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8b) Gecko/20050213
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8b) Gecko/20050213

This page is too wide to display fully in Mozilla. It displays correctly in
Internet Explorer and in Safari.

Reproducible: Always

Steps to Reproduce:
1. Go to <http://www.good-energy.co.uk/>.
2. Look at the window that opens.

Actual Results:  
The sides of the window are off-screen.

Expected Results:  
The whole window should be displayed within the computer screen — as it is in
Internet Explorer and in Safari.

Operating System: Mac OS 10.3.8. Classic theme (but the same happens in the
Modern theme).
Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8b) Gecko/20050214

Also seen on Win98, screen resolution 800x600. The page lacks a horizontal
scrollbar, as seen on Opera, or subpages like this one:

http://www.good-energy.co.uk/Our_Credentials.asp

It may be a Core Layout bug, or a TechEvangelism bug, I don´t know, but surely
it isn´t a 'ViewSource' bug.

Using DOM inspector, screen resolution 800x600:
<body>  has a position of x:    0     y:0, and a width of  784.
<table> has a position of x: -241 and y:0, and a width of 1025.

<table> has width 100%, float right, that translates to 
computed style: width 1025 pix, clear: none, float: right, left: auto.

float:right seems to be the problem, but I don´t know, who´s problem.
Component: ViewSource → General
OS: other → All
Hardware: Macintosh → All
Summary: This page is too wide to display fully in Mozilla → This page is too wide to display fully in Mozilla
Version: unspecified → Trunk
the problem is:
          <td colspan="2" valign="top" nowrap><div align="center"><img
src="img/statement.jpg" alt="Good Energy gives you the power to make a
difference by reducing your personal impact on climate change" width="600"
height="200"></div></td>

the image forces a size (600px wide), all the containing table pieces honor
that, so the thing has to go offscreen left.
Assignee: mrbkap → english-us
Component: General → English US
Product: Mozilla Application Suite → Tech Evangelism
QA Contact: doronr → english-us
Version: Trunk → unspecified
Conforming summary to TFM item 10 at 
http://www.mozilla.org/projects/tech-evangelism/site/procedures.html#file-new

Isn't this a bug 6976 dupe?
Summary: This page is too wide to display fully in Mozilla → good-energy.co.uk - This page is too wide to display fully in Mozilla
don't ask me :)
I'm pretty sure it is a layout bug.  I've added a very simple test case.  The
fact is that 'float right' boxes that are too wide behave properly and 'align
right' tables that are too wide don't.	It may well be a dupe of the bug Felix
mentioned, but I'm too new at this to make that determination.
Attached file minimal testcase
td  { border: 1px solid;  }
div	{ width: 1300px; }
</style></head>
<body>
<table align="right"><tbody><tr><td><div> table's sourcecode twice
</div></td></tr></tbody></table>
<br><br>
<table float="left" ><tbody><tr><td><div> table's sourcecode once
</div></td></tr></tbody></table>
Assignee: english-us → nobody
Status: UNCONFIRMED → NEW
Component: English US → Layout: Tables
Ever confirmed: true
Product: Tech Evangelism → Core
QA Contact: english-us → layout.tables
Version: unspecified → Trunk
Keywords: testcase
still with Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008052906 Firefox/3.0

duplicate of testcase at bug 35478 comment 2?
Summary: good-energy.co.uk - This page is too wide to display fully in Mozilla → 'align right' tables that are too wide truncate at left of screen
I don't see this on a maximized wide screen so I may not be a good test.
The testcase in comment 5 is wrong; it's using float:left, not float:right.

Once I make it float:right, we behave the same as Opera does for float:right.  In Opera, align="right" doesn't seem to do the same thing as float:right does.

So looks to me like the behavior here is "correct" as long as we're mapping align to float....
Wfm per comment 9
Status: NEW → RESOLVED
Closed: 12 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: