Closed
Bug 254910
Opened 20 years ago
Closed 17 years ago
{inc} float:left; position:relative div overlaps image above when both are in position: absolute div
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
FIXED
People
(Reporter: castronuovo, Unassigned)
References
()
Details
(Keywords: testcase)
Attachments
(2 files, 2 obsolete files)
Screenshot: misplaced red headline
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7) Gecko/20040707 Firefox/0.9.2 Build Identifier: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7) Gecko/20040707 Firefox/0.9.2 In the page http://www.clarin.com.ar some aleatory images apears over another images or over some text, you can see this in the left side of the page, normally going down a little. In the right side of the page you can see that some links doesn`t work properly. A similar problem you can fin in http://infobae.com.ar where some links are not accesible correctly because if you click in a link the browser displays another one, in resume, there the browser mix the links in the main page. You may see Java console where problems are reported Reproducible: Always Steps to Reproduce: 1.Only enter in http://clarin.com.ar 2.you may also test http://infobae.com.ar 3. Actual Results: Always appears the same problem
|
||
Updated•20 years ago
|
Assignee: bugs → nobody
Component: JavaScript Console → Layout
Product: Firefox → Browser
QA Contact: firefox.js-console → core.layout
Version: unspecified → 1.7 Branch
|
||
Comment 1•20 years ago
|
||
* Line: 86
Invalid number : width only 0 can be a length. You must put an unit after
your number : 98
* Line: 86
Invalid number : height only 0 can be a length. You must put an unit after
your number : 20
coming from W3C CSS validator report
"The format of a length value is an optional sign character ('+' or '-', with
'+' being the default) immediately followed by a number (with or without a
decimal point) immediately followed by a unit identifier (a two-letter
abbreviation). After a '0' number, the unit identifier is optional."
http://www.w3.org/TR/CSS1#length-units
"a unit must be specified for length values"
http://www.w3.org/TR/CSS1#forward-compatible-parsing
CSS2
4.2 Rules for handling parsing errors
"Illegal values. User agents must ignore a declaration with an illegal value.
For example:
IMG { border-width: 3 } /* a unit must be specified for length values */
"
http://www.w3.org/TR/CSS2/syndata.html#parsing-errors
Mozilla Web Author FAQ
My style sheet doesn’t work! Why?
"
Here’s the check list:
* Does the HTML document validate? CSS is incompatible with tag soup.
o The <link> and <style> elements should be inside the <head> element.
* Does the CSS style sheet pass the syntax check?
o Lengths other than zero should be followed by a proper unit without
a space between the number and the unit (eg. 1.2em)."
http://www.mozilla.org/docs/web-developer/faq.html
Please validate first your markup code and CSS code.
HTML validator
http://validator.w3.org/
CSS validator
http://jigsaw.w3.org/css-validator/Whiteboard: INVALID
|
||
Comment 2•20 years ago
|
||
|
|
||
Comment 3•20 years ago
|
||
Confirming bug, 2004-08-07-06 trunk Linux. A reflow cures the problem, I tried to make a testcase but failed. It's 100% reproducible on the site though.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Summary: Bad positions of some images and cannot access some links in the right side of the page. → {inc} Bad positions of some images and cannot access some links in the right side of the page.
Whiteboard: INVALID
Version: 1.7 Branch → Trunk
|
||
Comment 4•20 years ago
|
||
*** Bug 267265 has been marked as a duplicate of this bug. ***
|
|
||
Comment 5•20 years ago
|
||
*** Bug 270400 has been marked as a duplicate of this bug. ***
|
|
||
Comment 6•20 years ago
|
||
|
|
||
Updated•20 years ago
|
Keywords: testcase
Summary: {inc} Bad positions of some images and cannot access some links in the right side of the page. → {inc} float:left; position:relative div overlaps image above when both are in position: absolute div
|
||
Comment 8•18 years ago
|
||
No change in testcase behaviour with trunk reflow branch. (win32)
|
||
Comment 9•17 years ago
|
||
ant.jpg doesn't exist anymore, this testcase uses the google image.
Attachment #167881 -
Attachment is obsolete: true
|
|
||
Comment 10•17 years ago
|
||
I can still see the bug with current trunk build.
|
|
||
Comment 11•17 years ago
|
||
I tried attachment 255445 [details] with Seamonkey 1.5a rv:1.9a4pre build 2007041309 and I get the expected results (red line is always under - not over - Google image). This bug seems to have been fixed, at least on the trunk. WFM I tried the same testcase as in attachment 255445 [details] but with a strict DTD to trigger standards compliant rendering mode and I get the expected results (red line of text is under Google image) with Firefox 2.0.0.3 rv:1.8.1.3 build 20070309 under XP.
|
|
||
Comment 12•17 years ago
|
||
Fixed on trunk in the range: 2007-02-26-04 -- 2007-02-27-04 http://bonsai.mozilla.org/cvsquery.cgi?treeid=default&module=all&branch=HEAD&branchtype=match&dir=&file=&filetype=match&who=&whotype=match&sortby=Date&hours=2&date=explicit&mindate=2007-02-26+03%3A00&maxdate=2007-02-27+05%3A00&cvsroot=%2Fcvsroot Confirmed by backing out bug 371536 locally (problem came back). -> FIXED (by bug 371536)
Status: NEW → RESOLVED
Closed: 17 years ago
Depends on: 371536
Flags: in-testsuite?
Resolution: --- → FIXED
You need to log in
before you can comment on or make changes to this bug.
Description
•