Hi all,
I've created a site using a theme from the cmsms themes site (BrightSide). The template has a horizontal menu and a left subnavigation menu.
It looks fine with Firefox and Safari, but on IE, menu tabs are displayed in the wrong position (tested with IE8). Several elements on page seem to overlap.
Here is a preview: http://www.biodanza.brescia.it/cmsms/
And here is the stylesheet: http://pastebin.com/fVnK92vH
My Environment: CMSMS 1.9.4.1, PHP 5.3.3
I've tried some IE hacks, but with no luck... For example the famigerate "position:relative" fix something in IE but breaks the menu on FF.
I'm not a CSS guru: could anyone help me to determine the cause of this issue?
thanks in advance
Nicola
CSS menu issue with IE [SOLVED]
CSS menu issue with IE [SOLVED]
Last edited by nick2000 on Tue Sep 27, 2011 11:29 pm, edited 1 time in total.
Re: CSS menu issue with IE
Might want to clean up/fix/validate your HTML before looking into getting IE8 to work, note the DOCTYPE etc. in the middle of page...
<div id="sidebar" >
<!--h1></h1-->
</div>
<div id="main">
<h1>Percorsi per crescere</h1>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html>
<head>
<title>Untitled document</title>
</head>
</__body>
<p><strong> </strong><a href="index.php?page=che-cos-e"><strong>Biodanza</strong></a><img style="float: right;" src="uploads/images/girasole-danzatori-blu.jpg" alt="" width="186" height="163" /><br />Il metodo esperienziale del prof. Rolando Toro sugli effetti congiunti della musica, del movimento e delle emozioni per il benessere, la qualità della vita e lo sviluppo armonico della persona.</p>
<p class="body" style="text-align: left;"><strong> </strong></p>
<p style="text-align: left;"><a href="index.php?page=sinergie"><s
<div id="sidebar" >
<!--h1></h1-->
</div>
<div id="main">
<h1>Percorsi per crescere</h1>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html>
<head>
<title>Untitled document</title>
</head>
</__body>
<p><strong> </strong><a href="index.php?page=che-cos-e"><strong>Biodanza</strong></a><img style="float: right;" src="uploads/images/girasole-danzatori-blu.jpg" alt="" width="186" height="163" /><br />Il metodo esperienziale del prof. Rolando Toro sugli effetti congiunti della musica, del movimento e delle emozioni per il benessere, la qualità della vita e lo sviluppo armonico della persona.</p>
<p class="body" style="text-align: left;"><strong> </strong></p>
<p style="text-align: left;"><a href="index.php?page=sinergie"><s
Re: CSS menu issue with IE [SOLVED]
Thanks a lot.
A plugin for TinyMCE was active (fullpage) and it wasn't supposed to be.
Regards,
A plugin for TinyMCE was active (fullpage) and it wasn't supposed to be.
Regards,
Re: CSS menu issue with IE
The 'fullpage' plugin in TinyMCE editor was adding the headers in the middle of the page.
Disabling it, solved the issue.
Disabling it, solved the issue.
