Closed Bug 322747 Opened 19 years ago Closed 19 years ago

text is colliding on web page

Categories

(Core :: Layout, defect)

1.8 Branch
x86
Windows XP
defect
Not set
normal

Tracking

()

RESOLVED INVALID

People

(Reporter: firefox, Unassigned)

References

()

Details

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20051111 Firefox/1.5 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20051111 Firefox/1.5 Bug Report From : pete@ridgley1.co.uk Date 8th Jan 2006 Brief Description: Firefox 1.5 does not parse a web page correctly – Text is colliding. Macine Build details :Firefox v 1.50 downloaded Dec 2005 – no current updates outstanding OS: Windows XP Pro SP2 (first Firefox machine) OS: Windows ME (second Firefox machine) OS: Windows XP Pro SP2 (both of the IE6 machines) Page Built using M/S Front Page 2002, using XP Pro SP2. Detail: On accessing page : http://www.broughton-astley.com/liv1/roadname.htm text around halfway down the page collides in Firefox. Page built using M/S Front Page 2002, and errant text pasted in from e-mail received in Outlook Express v6. Sorry guys, IE 6 renders it OK ! Have tested on two Firefox defaulted laptops, one “widescreen” HP Pavilion, other standard NEC. Both have same result. Two of my other PCs, Desktop and another Laptop running IE6 present the text correctly. Read FAQs on your site, tried “Safe Mode” launch, but no effect. General: Page is built using Frames so I have tried direct access with the above URL (which loses the frames) or by navigating through site using: www.broughton-astley.com > Main Index > Features > What’s in a road name? The different navigation did not change the result – the text still collides. Reproducible: Always Steps to Reproduce: 1.see above 2. 3. Actual Results: Text collides, cannot see how to attach a screen dump here?
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Version: unspecified → 1.8 Branch
Try adding a doctype to your page --> not having one is an error. If you view the source of this bugzilla page, note that it has a doctype. All webpages need one :). (You can even try adding the doctype of this bugzilla page to your page: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -- and after, mozilla might display it better.) Doctypes are important because they tell mozilla what rules your page is at least attempting to follow. There are other errors on your page though, and you might try sticking it through this html validator to identify them --> http://validator.w3.org/
(1) This example uses a <void>...</void> tag, which is not valid HTML. (2) IE treats <void> as ignored content in the HTML - basically, as if it was a div with 'display:none;' style. (3) Since the tag is unknown to Firefox (and out of the standard,) Firefox essentially ignores the tag, but not the contents. (4) The reason you have text overlap is that the contents of the <void> tag have a specified height, but the contents are too big for that height, so the text is overflowing beyond the box. In I.E., you are not getting the overlap because you aren't getting any of the content from the void tags. Not sure if there is a workaround. I tried adding CSS: <style type='text/css'> void { display: none; } </style> but that didn't work.
Page seems to have changed, so I'll assume comment 2 was correct. -> invalid
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.