304222 - DIV is squished if positioned beyond the width of the viewable area

Status: RESOLVED INVALID

(Core :: Layout: Positioned, defect)

Description

[u151698]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b4) Gecko/20050809 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b4) Gecko/20050809 Firefox/1.0+

For example, on an 800x600 screen, and with a document wider than that, say 1024
horizontally (enough room for the div), if I position the div on 810, the div is
compressed.

This occurs in Deer Park 20050809 and FireFox 1.06.

Reproducible: Always

Steps to Reproduce:

Comment 1

[u151698]

Attachment: example

Example. Both should be identical, but only left is fine, and right is
squished.

Comment 2

[Mats Palmgren (inactive)]

The containing block is not the block with the dashed border as you might think.
It's the "initial containing block" which has the size of the viewport.
See http://www.w3.org/TR/CSS21/visudet.html#containing-block-details

You can add "position:relative" to the dashed block if you want it
to be the containing block for the inner DIVs.

The layout is correct given the markup/styling.

-> INVALID