[#CHD-52] IE7: The main white div is not properly aligned with rest of page - WebGroup Media LLC

Issue Details [XML]

Key:	CHD-52
Type:	Bug
Status:	Closed
Resolution:	Fixed
Assignee:	Unassigned
Reporter:	Joe Geck
Votes:	0
Watchers:	0

Operations

Clone this issue

If you were logged in you would be able to see more operations.

Cerberus Helpdesk

IE7: The main white div is not properly aligned with rest of page

Created: 10/Jul/07 06:19 PM Updated: 12/Jul/07 09:19 PM

Fix Version/s:

None

Original Estimate:

Unknown

Remaining Estimate:

Unknown

Time Spent:

Unknown

File Attachments:

None

Image Attachments:

1. configuration_groups_cutoff.jpg
(158 kb)

2. general_settings_pushed_div_horiz_scrollbar.jpg
(115 kb)

3. ticket_display_message_cutoff.jpg
(188 kb)

Description

Under IE7 the main white div appears to be problematic in some areas and fine in others. In all cases either the right edge is cut off or the div is pushed out further on the right mis-aligning itself with the top navigation bar. When it isn't aligned the window's viewport will not full reveal the full width of the div forcing the user to use the bottom horizontal scroll bar.

Launch Cerberus from IE7 and check the following pages to see the display errors:

* Configuration -> general settings {viewport does not span screen horizontally, see screenshot}
* Configuration -> mail {viewport does not span screen horizontally}
* Configuration -> scheduler -> POP3 Mail Checker {viewport does not span screen horizontally}

* Configuration -> groups {edge is completely cut off; appears to be caused by an overlap on the adjacent config boxes, see screenshot. in Firefox there is an actual gap between the config boxes}.
* Ticket Display Page (click on a ticket) {edge is completely cut off including the 'e' in 'toggle message', see screenshot}

Note:
I have not checked this on IE6.

All

Comments

Work Log

Change History

Sort Order:

Comment by Joe Geck [10/Jul/07 06:31 PM]

[ Permlink ]

Attached additional screenshot for Configuration -> general settings. This shows how the div is actually pushed out to the right and requires horizontal scrolling to see the edge of the screen.

Comment by Mike Fogg [12/Jul/07 03:02 AM]

[ Permlink ]

All of these have now been fixed. IE6/7 often seems to have problems with tables with widths specified as 100% when they are nested within divs. All of the examples mentioned were fixed by removing the width="100%" from tables with the exception of the display ticket page. Because the display ticket page's table has some <td>s which are right aligned, removing the width is not acceptable. I've changed the width to 98% in this case which compensates enough for IEs greediness of tables wanting to take up more space within the div than should be allowed.

Comment by Joe Geck [12/Jul/07 09:19 PM]

[ Permlink ]

All cases fixed in IE7