Forums (Obsolete)

Member

shawnM-videoideas - 1/4/2012 8:04:24 AM

Internet Explorer Iframe in Menu

Hi all,

I've been attempting to implement one of Kentico's Dropdown Menu items on my page. I noticed that in Internet Explorer, it seems to be inserting an iframe into the code for the menu like so:



<iframe id="shimplc_lt_menu_mainMenu_menuElem-001-subMenu" scrolling="no" frameborder="0" title="Sub menu" style="position:absolute;top:0px;left:0px;display:none;">

</iframe>

I assume this is done to help with the menu rollover for internet explorer. The problem I'm running into is that it seems to have a default background color of white. I've attempted to use CSS to target the ID of the iFrame as well as the body tag nested inside to no avail. Is the Iframe absolutely needed for the code, and if not how do I remove it? Furthermore if not removable without breaking the default widget, is there anyway to remove the background color?

Thanks.

Member

shawnM-videoideas - 1/5/2012 8:08:26 AM

RE:Internet Explorer Iframe in Menu

A small update to those out there running into this. I was able to hide the iframe by targeting IE with a sort of catch all IE conditional statement like this


<!--[if IE ]>
	<style type="text/css">
		@import url("/CMSPages/GetCSS.aspx?stylesheetname=ie");
	</style>
<![endif]-->

With of course the creation of a stylesheet named ie

From there, it was simply a matter of using the following css styling option (for IE only)

filter: alpha(opacity=0)

and applying that attribute to each of the iframe ID's. Of course this makes updates to the menu all that much more troublesome, so if anyone has a more appealing solution I'm all eears.

Kentico Developer

kentico_ivanat - 1/9/2012 7:05:11 AM

RE:Internet Explorer Iframe in Menu

Hi,

would it be possible to share some screenshot or provide an URL so we could check your styles?

I tried to set background color for class .verticalsubCMSMenuItem and the drob down menu subitem was displayed correctly, i.e. the color of background was the one I selected.

In configuration of web part I set CSS prefix: vertical;verticalsub

Thank you.

Best regards,
Ivana Tomanickova

Member

shawnM-videoideas - 1/9/2012 9:51:24 AM

RE:Internet Explorer Iframe in Menu

url is http://bledsoe.videoideas.com

Using CSS Prefix: main;mainsub;mainsubsub

As stated above it only appears to be an issue with the generated iFrame (using margin to push the submenu below the area of the menu reveals the iFrame in Internet Explorer with a white background). The site has since had changes reverted to incorporate the workaround I used as well as some other changes.


Kentico Developer	kentico_ivanat - 1/17/2012 1:30:21 AM RE:Internet Explorer Iframe in Menu Hi, Would it be possible to upload us some screenshot, where we could see the issue. I browsed your site, but it probably using your workaround so I could not see anything suspicious. Best regards, Ivana Tomanickova