Hello
Please take a look at http://www.savonmaa.com
Can someone tell me why the "display-block" does not work on IE when I hover over left navigation?
>> On Firefox (Win and Mac) it shows hover effect when You move cursor on link "block"
>> On IE (Windows) You have to put the cursor on the the actual text of link.
I am using DEV 1.2.5
Any ideas? This is propably a very tiny thing but i cannot find it out...
Edited: I got this solved with the kind help of Ovidiu Ion (http://www.css-discuss.org/)
Solution:
I think a width:100% will fix it.
.navList A {
DISPLAY: block;
COLOR: white;
BORDER-BOTTOM: white 1px solid;
TEXT-DECORATION: none;
/* to catch the hover */
width:100%;
}
CSS - Different output IE vs Firefox (SOLVED)
- Oliver Georgi
- Site Admin
- Posts: 9900
- Joined: Fri 3. Oct 2003, 22:22
- Contact:
To define styles working different in Firefox and Explorer e.g. do this:
Good solution to handle the different border box models - see a sample menu like used here:
http://www.bauhaus-award.de/
Oliver
Code: Select all
.myclass {
/* for Firefox */
padding: 20px;
/* IE will see this */
_padding: 10px;
}
http://www.bauhaus-award.de/
Oliver