Sent by Big John on 8 April 2005 22:10
BJ wrote:
> <http://farmstudycenter.org/onemoretime/>
>
> css here:
> <http://farmstudycenter.org/onemoretime/3colanylongest.css>
>
> Both html and css validate. I really do hate that demonspawned IE6.
Get in line, pal. ;)
> I've added Eric's popups to the linklist on the left, and they work
> beautifully-- except in, you guessed it, IE6, which, when any one link
> is moused over, adds a pixel or two of height to every item in the
> list, which it didn't do before I added the popups. I tried extending
> the haslayout hack to the left linklist, which worked on the right
> linklist when it jumped around, but that didn't work here- not on the
> list items, not on the a:hover. I googled and wiki'd and surfed around
> to try to find something similar, and haven't succeeded. Can anyone
> figure out why IE6 is behaving like a mutant inbred idiot yet again?
> Yeah I know the answer, because it IS . . . nevermind.
Well, IE does need to be coddled, that's for sure. IE does
not like the way you are hiding those images, so do it a
different way. Remove the height and width rules from the
popup images and do this instead:
div#leftcol a img {position: absolute; left: -3000px; border-width: 0;}
Then your hover will change the left value and make them appear.
Don't ask why this works better, it just does.
> There also seems to be, for some odd reason, a one pixel extra top
> border on the "water" line item in that left linklist in every windows
> browser.
You mean Gecko browsers, don't you? That's a "rounding error",
and the root cause (in Gecko) is use of non-absolute lengths
for font-size or line-height. You have in the BODY rule:
font-size: 101%;
Make that instead:
font-size: 100.01%;
Not only does this get rid of the error on the third link,
but it is the correct value for getting x-browser font-size
compliance.
Finally there seems to be a top border on the links, which
you are changing on hover. Maybe you want that, but I think
it's rather unsightly. Your call tho.
HTH
Big John
--
Perennial student + Impractical joker + CSS junkie = Big John
<http://www.positioniseverything.net>
__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
