CMS Version 1.9.3
MySQL 5.0
Linux / 4GH Web Hosting
PHP Version: PHP 5.x
Installed Modules
CMSMailer 2.0.1
FileManager 1.1.0
MenuManager 1.7.5
ModuleManager 1.4
News 2.11.1
nuSOAP 1.0.2
Printing 1.1.2
Search 1.6.10
ThemeManager 1.1.4
TinyMCE 2.8.3
BulkStructure 0.4
SEOTools 1.2
FormBuilder
Example:
http://www.myfriendsplacedeli.net/eastcobb/lunch_menu/
I have a PDF in an Iframe. When viewed in IE 8 the drop down menu is hidden behind the PDF. It works in FF and Chrome.
Here is the code I am using for the Iframe.
<__iframe width="960px" height="600px" src="/mfpnet/uploads/Menus/Duluth_Sugarloaf/Sugarloaf_Lunch_Menu.pdf" class="myframe"><a href="/mfpnet/uploads/Menus/OldMilton/Lunch Menu Old Milton Pkwy Alpharetta.pdf">Click here to order online.</a> <p>Your browser does not support iframes.</p></__iframe>
Here is the CSS
@charset "utf-8";
body {
background-image:url([[root_url]]/uploads/mfp/img/greenTile.jpg);
background-repeat:repeat;
margin:2em 0;
font-family:Georgia, Times New Roman, serfif;
font-size:16px;
}
@font-face {
font-family:Harrison;
src:url('[[root_url]]/uploads/mfp/fon/harrison.ttf');
}
a {
color:rgb(236,29,37);
text-decoration:none;
}
a:hover {
color:#F90;
text-decoration:underline;
}
a:visited {
color:#900;
text-decoration:none;
}
img {
border:0;
}
.clear {
clear:both;
}
div#wrapper {
background-color:#FFE888;
max-width:1200px;
min-width:960px;
width:90%;
margin:auto;
}
/* HEADER STYLES */
div#header {
height:185px;
}
h1#main_header {
float:left;
margin:0 0 -24px 0;
height:185px;
padding:0;
}
div#image_loop {
float:right;
height:185px;
}
div#header_info {
margin:0 380px 0 300px;
padding:16px 16px 16px 16px;
}
/* NAVBAR STYLES */
div#navbar {
background-image:url([[root_url]]/uploads/mfp/img/mfp_06.png);
background-repeat:repeat-x;
height:41px;
}
ul#main_navbar {
padding:0;
margin:0;
height:41px;
z-index:1;
}
ul#main_navbar li{
list-style-type:none;
display:inline;
padding:20px 0;
font-family:Harrison;
position:relative;
height:41px;
top:9px;
}
ul#main_navbar li a {
padding:9px 18px 9px 18px;
text-decoration:none;
color:#FFF;
font-size:20px;
margin:0;
}
ul#main_navbar li a:hover {
background-image:url([[root_url]]/uploads/mfp/img/mfp_06_ro.png);
background-repeat:repeat-x;
}
/* SUB LIST NAVBAR STYLES */
ul.sublist {
border:1px solid #FFF;
position:absolute;
z-index:3;
top:47px;
/*left:-163px;*/
/*left:100%;*/
right:0;
background-color:rgb(236,29,37);
background-image:url([[root_url]]/uploads/mfp/img/mfp_10.png);
background-repeat:repeat-y;
display:none;
margin:0;
margin-right:auto;
padding:0;
width:238px;
}
ul#main_navbar li ul.sublist li {
display:list-item;
margin:0;
padding:8px 0 0 0;
}
li:hover ul.sublist {
display:block;
}
ul#main_navbar li ul.sublist a {
border-bottom:dotted #FFF 1px;
border-right:0;
padding:13px 18px;
margin-top:-18px;
display:list-item;
}
ul#main_navbar li ul.sublist a:hover {
background-image:url([[root_url]]/uploads/mfp/img/mfp_10_ro.png);
background-repeat:repeat-y;
}
ul.sublist ul.sublist {
left:-240px;
top:-10px;
display:none;
}
ul.sublist li:hover ul.sublist {
display:block;
}
/* BODY STYLES */
div#body {
padding:16px;
}
h2#page_title {
font-family:Harrison;
font-size:30px;
color:rgb(236,29,37);/*Main Red*/
margin:0;
}
blockquote.large {
color:rgb(255,128,133);/*Main Red*/
margin:0;
font-style:italic;
font-size:24px;
}
img.fltRt {
float:right;
margin:16px 0 16px 16px;
}
/* FOOTER STYLES */
div#footer {
background-image:url([[root_url]]/uploads/mfp/img/mfp_14.png);
background-repeat:repeat-x;
background-color:rgb(236,29,37);
color:#FFF;
}
div#footer_left {
float:left;
width:31%;
text-align:left;
border-right:1px dotted #FFF;
padding:0 16px;
margin:8px 0;
}
div#footer_right {
float:right;
width:31%;
text-align:center;
border-left:1px dotted #FFF;
padding:0 16px;
margin:8px 0;
}
div#footer_center {
width:26%;
margin:auto;
text-align:center;
padding:8px 16px;
font-size: small;
color:#3b5998
}
div#footer_left ul, div#footer_right ul, div#footer_center ul {
margin:0;
list-style-type:none;
padding:0;
}
div#footer a {
color:#3B5998;
text-decoration:none;
}
div#footer a:hover {
color:#3b5998;
text-decoration:underline;
}
div#footer a:visited {
color:#3B5998;
}
/* IFRAME STYLES */
iframe.myframe {
width:100%;
min-width:960px;
height:600px;
border:0;
z-index:2;
position:relative;
left:-16px;
padding:16px 0;
}
div.contactform label {
padding-right: 16px;
}
div.contactform fieldset {
width:624px;
}
div.contactform div {
padding:0 0 16px 0;
}
Here is the menu manager
{if $count > 0}
<ul id="main_navbar">
{get_root_page_alias assign="root_page_alias"}
<li><a href="{root_url}/{$root_page_alias}/">Home</a></li>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='<ul class="sublist">' times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string='</li></ul>' times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent">
<a class="menuactive menuparent" {elseif $node->current == true}
<li class="menuactive">
<a class="menuactive" {elseif $node->haschildren == true}
<li class="menuparent">
<a class="menuparent" {elseif $node->type == 'sectionheader' and $node->haschildren == true}
<li class="sectionheader"><span class="sectionheader">{$node->menutext}</span>{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="menu_separator" />{else}
<li>
<a {/if}
Thanks
Sean