divs transparency problem

roula

Hi,

I have the following nested divs, that I am not able to set them transparent in IE, but in firefox they are working fine:

Expand|Select|Wrap|Line Numbers

 
<div id=&quot;dhtmlgoodies_scrolldiv&quot; style=&quot;background-color:transparent !important;position:relative;top:255px;left:257px;&quot;>

        <div id=&quot;scrolldiv_parentContainer&quot; style=&quot;background-color:transparent !important;&quot;>

            <div id=&quot;scrolldiv_content&quot; style=&quot;background-color:transparent !important;&quot;>

and here is the css for each of the divs above:

Expand|Select|Wrap|Line Numbers

 
#dhtmlgoodies_scrolldiv{

        /* The total width of the scrolling div including scrollbar */

        width:530px;

        height:500px;    /* The height of the scrolling div */

    }

    #scrolldiv_parentContainer{

        width:500px;    /* Width of the scrolling text */

        height:100%;

        overflow:hidden;

        border:none;

        float:left;

        position:relative;

        background-image:none;

    }
 
    /*

    CSS for the scrolling content 

    */

    #scrolldiv_content{

        padding: 5px;

        position:relative;

        font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

        font-size: 0.9em;

        line-height:130%;

        color: #333;

    }

thanks for your help.

drhowarddrfine

You cannot use the &quote entity for id names. That might be confusing IE. Just use the regular "

roula

You cannot use the &quote entity for id names. That might be confusing IE. Just use the regular "

Oh I'm not using them, it's just when I pasted the code in the editor it changed the " to that, here is the actual code:

Expand|Select|Wrap|Line Numbers

 <div id="dhtmlgoodies_scrolldiv" style="background-color:transparent !important;position:relative;top:255px;left:257px;">

   <div id="scrolldiv_parentContainer" style="background-color:transparent !important;">

      <div id="scrolldiv_content" style="background-color:transparent !important;">

         (my content here)

      </div>

   </div>

</div>

also there is a parent div that all 3 divs above are inside it, and this parent div has a background that i want it to appear, that's why i'm trying to make the other divs transparent, which is not working in IE (6) and the background is covered with white.

here is the code for the parent div:

Expand|Select|Wrap|Line Numbers

 <div style="width:800px;height:800px;margin:0 auto;background: url('/img/bge.jpg') center no-repeat;}">
 

roula

oops it was my fault, one of the divs had a white background specified which i just remembered.. sorry and thanks :) the problem is solved now.

divs transparency problem

Post your reply

Similar topics