ARI Soft - Sub menu items hidden under body

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

23/11/2024 Black Friday 2024

BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

more...
31/12/2023 New Year SALE

We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Ext Menu

Sub menu items hidden under body

(1 viewing) (1) Guest

Page: 12

TOPIC: Sub menu items hidden under body

Forum Tools

#13092

Sub menu items hidden under body 13 Years, 8 Months ago

Karma: 1

Hi there,

Seems to be quite a problem to avoid conflicts with other css when you put a drop down menu on your website. The drop down menus tend to hide behind other page elements because of these conflicts. I made some menus myself, using only css, which work perfectly, while on other sites both my own menus and third party modules fail awfully. And I have no clue about the source of the problems.

Now on this site I also made my own menu, which works in most browsers but not in IE7. I tried some modules, including both ARI YUI menu and ARI Ext menu, but they all hide behind the content of the page.

ARI EXT menu is shown on this page. Maybe you can have a look at it?

Cheers, Frits

oorzaak

The administrator has disabled public write access.

#13093

Re:Sub menu items hidden under body 13 Years, 8 Months ago Karma: 760

Hello,

Add the next CSS rules:

Code:



#container-menu61 DIV.moduletable,

#container-menu61 DIV.moduletable DIV.ux-menu-container

{

 overflow: visible;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#13095

Re:Sub menu items hidden under body 13 Years, 8 Months ago

Karma: 1

Hi, thanks for answering so quickly. I added the css, it works fine... except on IE7. Which is, unfortunatly, still widely spread among our users. Hope you are willing to have another look?

For your information, I made a small change to your css. The id "#container-menu61" only appears in the page when Itemid=61. I use this kind of id's to make css changes to individual menu items. So instead of the id I took the class of this div, which is ".container-menu".

Cheers, Frits

oorzaak

The administrator has disabled public write access.

#13096

Re:Sub menu items hidden under body 13 Years, 8 Months ago Karma: 760

Add the next CSS rules:

Code:



DIV#container-top

{

 z-index: 10;

}

DIV.container-center

{

 z-index: 1;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#13103

Re:Sub menu items hidden under body 13 Years, 8 Months ago	Karma: 1
I hate to tell you this, it still does not work in IE7. Thanks for all your efforts anyway! Frits

oorzaak

The administrator has disabled public write access.

#13133

Re:Sub menu items hidden under body 13 Years, 8 Months ago Karma: 760

Sorry, but it seems you haven't add the next CSS rule or added it incorrectly:

Code:



DIV#container-top

{

 z-index: 10;

}

When we see page elements styles in Developer Tools (press F12 in IE 8), we don't see the CSS rule for "#container-top" element. This CSS rule is defined only for "div.container-top01" element. Fix it please and the menu should work fine.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links