724789 - Some sites are wider than they should be

Status: RESOLVED FIXED

(Core :: Layout, defect)

Description

[Johan Larsson]

Attachment: Scrollbar

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:13.0a1) Gecko/20120204 Firefox/13.0a1
Build ID: 20120204040234

Steps to reproduce:

Open http://www.smashingmagazine.com/ in a window that is wider than 1200px.


Actual results:

 There is ~450px of dead space to the right of the content that you can scroll to.


Expected results:

The site should not be scrollable in the x-axis at all. (It's a responsive design)

Chrome and Safari works fine.

Comment 1

[Paul Rouget [:paul]]

I can reproduce here.

Not sure if it's a bug or the expected layout.

Can you reduce the code to make it easier to debug?

Comment 2

[Johan Larsson]

Attachment: A stripped down version of Smashing Magazine

I found the culprit. In the responsive.css they're doing this:

nav.toplevel{margin-right:450px; width:100%}

I see why that's a problem but how come both Safari and Chrome is rendering this without scrollbars and without the ability to scroll in the content?

Comment 3

[Alice0775 White]

Attachment: reduced html

http://hg.mozilla.org/integration/mozilla-inbound/rev/7ea3311b5e6c
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120116 Firefox/12.0a1 ID:20120116145408

http://hg.mozilla.org/integration/mozilla-inbound/rev/3077b729dfd5
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120116 Firefox/12.0a1 ID:20120116153908

http://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=7ea3311b5e6c&tochange=3077b729dfd5

Triggered by; Bug 665597

Comment 4

[Robert O'Callahan (:roc) (email my personal email if necessary)]

(In reply to Johan Larsson from comment #2)
> I see why that's a problem but how come both Safari and Chrome is rendering
> this without scrollbars and without the ability to scroll in the content?

Presumably they don't include the right margin in the area that can be scrolled to.

Comment 5

[Robert O'Callahan (:roc) (email my personal email if necessary)]

The question is, how common is this problem...

Comment 6

[Mats Palmgren (inactive)]

The patch in bug 750293 fixes this bug too.

Comment 7

[Mats Palmgren (inactive)]

Fixed by the wallpaper in bug 750293 for now.