|
|
Posted by Simon Dean on 02/03/06 22:59
Simon Dean wrote:
> Toby Inkster wrote:
>
> Thanks for looking... I was just a bit unsure of that because I only
> wanted that A element to be highlighted, and not quite understanding CSS
> fully yet, I thought maybe the display:block would force the A element
> to apply to whole of the LI element.
>
> Bound to be wrong though.
>
> I just discovered another problem, the overflow:hidden; I have on
> the menu div, doesn't really work... it hides the extra space to the
> right, but on FireFox 1.5, you can actually drag one of the larger roll
> over links to the right and you can see the hidden content.
>
> I still need a fix for this then. Im not sure how to do it. I havent
> found anything yet. im guessing it works in other web designs, because
> they have a horizontal menu... But Im probably talking waffle.
>
> Cheers
> Simon
Think I figured out what to do... using some hacks:
#menu>ul>li>a.itemon { /* ie win cannot correctly parse child selector
rule */
width:auto;
}
#menu>ul>li>a.item { /* ie win cannot correctly parse child selector rule */
width:auto;
}
#menu { /* take advantage of underscore hack bug to not show clipped
data in ie*/
_overflow:hidden;
}
So I should be resetting the widths of itemon and item for Mozilla etc,
and turning overflow off in IE.
For some reason, when overflow:hidden in mozilla, there is an overflow
to scroll, even if there's nothing then. But when made visible, you
can't scroll. now in IE, when made hidden, it prevents scroll. When
visible, you get the nasty mess down the right hand side.
Navigation:
[Reply to this message]
|