333268 - position: absolute on body reduces width when link is clicked

Status: RESOLVED WORKSFORME

(Core :: Layout: Positioned, defect)

Description

[xanas3712]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686 (x86_64); en-US; rv:1.9a1) Gecko/20060408 Firefox/3.0a1
Build Identifier: Mozilla/5.0 (X11; U; Linux i686 (x86_64); en-US; rv:1.9a1) Gecko/20060408 Firefox/3.0a1

Go to the url and follow the steps mentioned.  But the basic problem is that whenever you click a link on this page the page downsizes instead of actually following the link.  You have to click the link twice to go to somewhere else.  This does not occur in konqueror (3.5.2) or in IE 6.



Reproducible: Always

Steps to Reproduce:
1. go to http://xanas.no-ip.org/apach2-default/
2. click the first link
3. click the second link
4. click the third link
5. *note that the page resizes rather than the browser going to the page

Actual Results:  
The page downsized as I cycled through the links starting out at 85% width with auto left/right margins, ending up being about 30% of page width with a much larger right margin

Expected Results:  
It should not resize, but rather go through the link to the next page as other browsers do correctly.

This occurs in deer park alpha 2 in linux, also occurs in firefox 1.5 in linux, and also occurs in 1.5 in windows xp

Comment 1

[Philip Withnall (unavailable)]

I can't connect to the server. Could you attach a page which demonstrates this problem?

Comment 2

[xanas3712]

I apologize about that, I should have attached instead.  I thought about that afterward when I rebooted into windows to play a game for a few hours.  Of course apache isn't running when I'm in windows :/  (Oh for the day when I no longer need to boot to windows...)

Anyway, I'm attaching an archive of the same thing that the URL had.  It's just a basic xhtml 1.0 file with some css/javascript.  Also I am providing the basic gradient background image that I am stretching to fill the entire div area (I can't use 100% because of the way the standard says this should work, and background-repeat doesn't do what I want either)

Comment 3

[xanas3712]

Attachment: zip file containing the html page and the jpg gradient background.

This is the same file as that which is at the url hosted above (when I'm booted into linux).

Comment 4

[Philip Withnall (unavailable)]

Mozilla/5.0 (X11; U; Linux i686; en-GB; rv:1.8) Gecko/20051111 Firefox/1.5 - Build ID: 2005111116
Confirmed.
I've reduced the testcase, and it's nothing to do with the Javascript: it's a CSS position: absolute bug where position: absolute is applied to the body. There might be one filed about this already, but I can't find it.

Comment 5

[Philip Withnall (unavailable)]

Attachment: Reduced testcase

Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9a1) Gecko/20060409 Firefox/3.0a1 - Build ID: 0000000000
Reproduceable in this recent nightly, too.

Comment 6

[xanas3712]

Ahh ok, nice work there narrowing it down.

I... thought there was a reason I had that position:absolute there, something about the z-index not working without it, but it appears when I remove it now that it works fine.

Oh ok, I realize now.. in firefox before, when I was using 1.5 (I just checked with the previous version) it shows no image if I'm not using position:absolute on the body.  Apparently that has been fixed.  I do know you are supposed to be in position:absolute for z-index to work (though I'm not sure why that's part of the standard, never remember reading the explanation for it, and maybe this is why they dropped that requirement).

Of course most using firefox are going to be using a previous version to deer park so I will just have to leave that bit alone.

Comment 7

[Eli Friedman]

Working on trunk.