asked on

CSS Help with IE6 block display problem

CSS block problem in Joomla template. My div column block keeps going underneath my main content in IE6. It displays fine in FF and IE7.

Basically I want to include a flash menu to the left and content to the right.I can't get my text to wrap around a div block. Look at: http://www.bestcompanies.ie/index.php?option=com_content&task=view&id=114&Itemid=80 in IE6 for example.

The section in my template shows:

<div id="wrapper">
<div id="content"><?php mosMainBody(); ?></div>
</div>

<div id="navigation">
<img src="http://www.bestcompanies.ie/templates/gptw-flash/images/betsy.gif" width="220" height="228" align="left" />
</div>

My CSS code includes:
div#wrapper{
      float:right;
      width:100%;
      height:auto;
      margin-left:-200px;
}

div#content{
      margin-left:200px;
      padding:0px 15px 0px 15px;
      text-align:justify;
      float:left;
}

div#content p{
      line-height:1.4;
}

div#navigation{
      float:left;
      width:200px;
      vertical-align:top;
}

Many thanks in advance

ASKER CERTIFIED SOLUTION

Eternal_Student

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

otooles

ASKER

If I decrease the width of my menu it fits in. However I want my column menu to flyout over the conent on mouse over so my flash file needs to be wider.

So my menu will overlap as below. Small menu box to the left with larger content box to the right.

--------------------
|----/---|----------/ |
| / | / |
| / | / |
|----/---| / |
| /--------------/ |
-----------------------

--------------------

SOLUTION

dtocci

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial