Closed
Bug 271584
Opened 20 years ago
Closed 20 years ago
css hovers ignored when using nested divs with float attribute
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
WORKSFORME
People
(Reporter: philipproessler, Unassigned)
Details
(Keywords: testcase)
Attachments
(3 files)
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7.5) Gecko/20041122 Firefox/1.0 css hovers are being ignored when using nested divs with float attribute. code example: <style... .box{ float:left; width:100px; height:100px; background-color:black; } .box:hover{ background-color:red; } </style> <div> <div class="box">hello</div> <div class="box">hello</div> <div class="box">hello</div> </div> Reproducible: Always Steps to Reproduce: 1. 2. 3. Actual Results: When moving the mouse over the box-div, nothing happens. Expected Results: The background-color of the box-div should turn red when moving the mouse over it.
Updated•20 years ago
|
Assignee: firefox → nobody
Component: General → Layout
Product: Firefox → Core
QA Contact: firefox.general → core.layout
Version: unspecified → 1.0 Branch
Comment 1•20 years ago
|
||
Comment 2•20 years ago
|
||
WFM, Firefox 1.0 and Mozilla trunk 2004-11-22-06 on Linux. Phil, does the attached testcase work for you?
Keywords: testcase
Comment 3•20 years ago
|
||
Aha, it does not work in quirks mode...
Comment 4•20 years ago
|
||
... this is intentional - see http://www.mozilla.org/docs/web-developer/quirks/ for details. -> WORKSFORME
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → WORKSFORME
the last attachment you uploaded worked, the first did not. I have now specified the trigger of the error: very strange: if I comment <div class="page"-layer out, the hover of the above (not even nested!) layer works fine, if not it doesn't! View the attachment for css <div class="box1"> <div class="menuitem" style="width:56px;" > drucken </div> </div> <div class="box1"> <div class="menuitem" style="width:70px;"> speichern </div> </div> <div class="page"> </div>
You need to log in
before you can comment on or make changes to this bug.
Description
•