Forum Moderators: not2easy
I am new to this forum and still getting the hang of CSS. I hope I am following all the rules correctly.
I have a site created using Joomla with a left side menu showing menu items and a submenu of each item.
It all works fine in Firefox.
With IE7 the submenu is not expanding properly. When the Parent item is clicked the submenu expands but is hidden behind the rest of the menu.
Below are extracts from the css sheet that I believe work with the menu.
Can anybody see what is causing the problem.
Thanks - M
CSS
a.sublevel {
padding:4px 0px 4px 15px;
margin:20px;
background:#FFFFFF;
color:#CC3300;
font-size:11px;
font-weight:bold;
text-decoration:none;
#left_side .moduletable table, #left_side .moduletable_menu ul, #left_side .moduletable ul, #right_side .moduletable table, #right_side .moduletable_menu ul, #right_side .moduletable ul {
margin-bottom:5px;
margin-top:5px;
margin-right:0px;
padding:0px
}
#right_side .moduletable th, #right_side .moduletable_menu h3, #right_side .moduletable h3, #left_side .moduletable th, #left_side .moduletable_menu h3, #left_side .moduletable h3 {
padding:10px 0px 8px 20px;
color:#333333;
background: #FFFFFF left no-repeat;
font:bold 14px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
text-align:left
}
#left_side .moduletable table, #left_side .moduletable_menu ul, #mosright .moduletable ul {
padding-left:20px;
line-height:20px
We really need to see the html relating to this menu as well.
Below is an extract from the template html file. Does this help?
M
<body>
<div id="top">
<div id="titleh1"><img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/logo.gif" id="logo" alt="logo" title="logo" />
<h1><?php echo $mainframe->getCfg('sitename');?></h1>
<h2>**************<br />
***************************</h2>
</div>
</div>
<div id="top2">
<div id="topleft">
<div id="menu">
<div id="uls">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
</div>
<div id="breadcrumb">
<p><strong><?php echo $mainframe->getCfg('sitename');?></strong>
<jdoc:include type="module" name="breadcrumbs" />
</p>
</div>
</div>
<div id="searchform">
<p></p>
<jdoc:include type="modules" name="user4" style="xhtml" />
</div>
</div>
<?php if($this->countModules('top')) : ?>
<div id="newsflash">
<div class="newsflash">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
</div>
<?php endif; ?>
<div id="content">
<div id="main">
<div id="right_side">
<?php if($this->countModules('right')) : ?>
<div id="mosright">
<div class="padding">
<jdoc:include type="modules" name="right" style="xhtml" />
<?php if($this->countModules('user1')) : ?>
<jdoc:include type="modules" name="user1" style="xhtml" />
<?php endif; ?>
</div>
</div>
<?php endif; ?>
<?php if($this->countModules('right')) { ?>
<div id="mcontent">
<div class="padding">
<jdoc:include type="component" style="xhtml" />
</div>
</div>
<?php } else { ?>
<div id="mcontent2">
<div class="padding">
<jdoc:include type="component" style="xhtml" />
</div>
</div>
<?php } ?>
</div>
<div id="left_side">
<div class="lefts">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
</div>
</div>
<div id="footer">
