250112 - text offset downward when using absolute positioning

Status: RESOLVED EXPIRED

(Firefox :: General, defect)

Description

[Stuart Wardell]

User-Agent:       Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7) Gecko/20040626 Firefox/0.9.1
Build Identifier: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7) Gecko/20040626 Firefox/0.9.1

Absolute positioning works correctly with images (including maps and links), but
text is uniformly offset downward from intended position by about 1 character
height (12 point Arial). This happens uniformly on all pages with all text.  The
first code fragment is good, the second displays the problem:

CORRECT:

<DIV style="top : 0px;left : 0px;
  position : absolute;
  z-index : 40;
  visibility : visible;
" id="Layer16"><A href="XenaduInfo.html" target="_blank"><IMG src="Header.gif"
width="1004" height="80" border="0"></A>
</DIV>

FAULTY:

<DIV style="top : 82px;left : 10px;
  position : absolute;
  z-index : 4;
  visibility : visible;
  width : 600px;
  " id="Layer78">
<!--Title--> <P><B style="font-size : 12px;font-family : Arial;">United States
of America</B></P>
</DIV>


Reproducible: Always
Steps to Reproduce:
1. Display the page above (or any page in www.xenadu.com)
2. Observe downward displacement of text relative to images, clearly in a
dysfunctional position - the title "United States of America" is now behind the
main panel image, when it should appear immediately above it.

Actual Results:  
As stated above.

Expected Results:  
It should have preserved the true absolute positioning (which .. ahem .. MS IE6
does).

Code templates produced by IBM WebSphere Studio Homepage Builder V6.0.0 for
Windows, then cleaned up manually. Specific pages generated from templates by
custom software.

This is a small but vital problem that renders www.xenadu.com unusable in Firefox.
Hope something can be done.  Down with Microsoft!!

Comment 1

[Greg Campbell]

INVALID. Mozilla renders the page correctly.

The P element has a default top and bottom margin of 1em. The DIV and P elements
are correctly positioned 2 pixels below the 80px-tall image but the text is 1em
below that.

style="margin:0" added to the P element would probably make it look the same as IE.

Comment 2

[David Nicholls]

I think this may be another example of the problem:
http://aer.noao.edu/aerreg.php

The layout is OK in IE6 and Opera 7.0 but offset in Firefox 0.9 and Netscape 7.1
on Windows 2K.

David Nicholls ([e-mail])

Comment 3

[Nick Peelman]

Positioning bugs can also be seen in www.nick.eevfd.com/newsite/ and on
www.eevfd.com

pages render fine in IE6, but whenever an item has its width set to 100%, via
either CSS or HTML (an <HR width=100% does it too) the browser fixes its width
and  doesn't resize as teh window size is changed.  Tables evidently render
fine, but i've discovered anything using the CSS property does not.

Comment 4

[William Bumgarner [:zsinj]]

WFM - Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8b2) Gecko/20050329 Firefox/1.0+

Renders just fine for me. Upgrade to 1.2.0 and your problem should be fixed.

Comment 5

[Darryl Uchitil]

Attachment: W3 schools example with added text. OK in IE

Exanple HTML should place 3 texts in same line.  Works on IE, Firefox 1.0.4
uses 2 lines.

Comment 6

[Gervase Markham [:gerv]]

This is an automated message, with ID "auto-resolve01".

This bug has had no comments for a long time. Statistically, we have found that
bug reports that have not been confirmed by a second user after three months are
highly unlikely to be the source of a fix to the code.

While your input is very important to us, our resources are limited and so we
are asking for your help in focussing our efforts. If you can still reproduce
this problem in the latest version of the product (see below for how to obtain a
copy) or, for feature requests, if it's not present in the latest version and
you still believe we should implement it, please visit the URL of this bug
(given at the top of this mail) and add a comment to that effect, giving more
reproduction information if you have it.

If it is not a problem any longer, you need take no action. If this bug is not
changed in any way in the next two weeks, it will be automatically resolved.
Thank you for your help in this matter.

The latest beta releases can be obtained from:
Firefox:     http://www.mozilla.org/projects/firefox/
Thunderbird: http://www.mozilla.org/products/thunderbird/releases/1.5beta1.html
Seamonkey:   http://www.mozilla.org/projects/seamonkey/

Comment 7

[Gervase Markham [:gerv]]

This bug has been automatically resolved after a period of inactivity (see above
comment). If anyone thinks this is incorrect, they should feel free to reopen it.