On 8/09/2011 8:58 AM, John wrote:
I have a page which Safari and Firefox (Mac and Win FF) display
correctly but Win IE 6 gets a few things really wrong.
3 BIG things I see: mangles my header type at the top...instead of being
vertically centered to the logo, it pushes the dark gray bar down and
sits at the bottom of that bar, and pushes the other type down.
Please take a look at my reworked code in IE6. The first time tested and
I see that all is well.
http://css-class.com/x/coffee.htm
and finally, Win IE 6 doesn't handle menu states correctly. IE 6 shows
Hover and Active (Mouse Down) but won't let go until another menu choice
is clicked on.
The same thing happens in IE7. IE5, IE6 and IE7 handle the 'active'
state as if it was in 'focus'. Now since neither of the browser support
:focus, I would recommend that you hide such styling from these browsers
if this bothers you. On a side note, active is only seen for a fraction
of a second until you lift your finger from the mouse. You won't see the
active state for long since the page that is linked to begins to load.
Testing with null links ('#') will not fully help.
<a href="#">Null link with #</a>
Can anyone kindly share hacks or workarounds to make this problems
disappear?
The page in question is here:
http://www.coffeeonmars.com/testing/index.html
Thank you!
John
Are you bothered by the scroll-bars in IE6? Are you concerned that the
"Featured UX project: Wisconsin Public Radio" header is lower in IE7?
--
Alan Gresley
http://css-3d.org/
http://css-class.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
