problems with has-flyout on IE. Please help

34 views
Skip to first unread message

Nightghos

unread,
Jul 23, 2012, 4:13:50 PM7/23/12
to object-or...@googlegroups.com
 I'm using the following markup, which work good on Chrome and in Firefox. But IE is not able to display the menu properly.

<div class="unit size1of2 left breath">
<div class="has-flyout button round">
<span>Menu</span>
<div style="visibility: hidden;" class="flyout">
<ul>
<li><a href="#">Item1</a></li>
                <li><a href="#">Item2</a></li> 
                 <li><a href="#">Item3</a></li> 
</ul>
</div>
</div>

</div>

Can you guys give me some light, i been banging my head for a few days already.

Thanks.

Kristina Auckland

unread,
Jul 24, 2012, 3:45:56 AM7/24/12
to object-or...@googlegroups.com
Hi

Without seeing the css or a working version it's going to be very hard to be sure what the problem is. However, having said that as it's IE I'm going to guess it's related to 'overflow: hidden;'

There were a few posts a short while ago relating to using something other than 'overflow: hidden;'

Please post either all your HTML & CSS or ideally make an example that we can view and help you with.

Cheers for now
Kristina
> --
> You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
> To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/d21KbSzQxucJ.
> To post to this group, send email to object-or...@googlegroups.com.
> To unsubscribe from this group, send email to object-oriented...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/object-oriented-css?hl=en.

Reply all
Reply to author
Forward
0 new messages