By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,724 Members | 1,707 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,724 IT Pros & Developers. It's quick & easy.

divs transparency problem

roula
P: 18
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
  1. <div id=&quot;dhtmlgoodies_scrolldiv&quot; style=&quot;background-color:transparent !important;position:relative;top:255px;left:257px;&quot;>
  2.         <div id=&quot;scrolldiv_parentContainer&quot; style=&quot;background-color:transparent !important;&quot;>
  3.             <div id=&quot;scrolldiv_content&quot; style=&quot;background-color:transparent !important;&quot;>
  4.  
and here is the css for each of the divs above:
Expand|Select|Wrap|Line Numbers
  1. #dhtmlgoodies_scrolldiv{
  2.         /* The total width of the scrolling div including scrollbar */
  3.         width:530px;
  4.         height:500px;    /* The height of the scrolling div */
  5.     }
  6.     #scrolldiv_parentContainer{
  7.         width:500px;    /* Width of the scrolling text */
  8.         height:100%;
  9.         overflow:hidden;
  10.         border:none;
  11.         float:left;
  12.         position:relative;
  13.         background-image:none;
  14.     }
  15.  
  16.     /*
  17.     CSS for the scrolling content 
  18.     */
  19.     #scrolldiv_content{
  20.         padding: 5px;
  21.         position:relative;
  22.         font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  23.         font-size: 0.9em;
  24.         line-height:130%;
  25.         color: #333;
  26.     }
  27.  
thanks for your help.
Mar 12 '07 #1
Share this Question
Share on Google+
3 Replies


drhowarddrfine
Expert 5K+
P: 7,435
You cannot use the &quote entity for id names. That might be confusing IE. Just use the regular "
Mar 12 '07 #2

roula
P: 18
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
  1. <div id="dhtmlgoodies_scrolldiv" style="background-color:transparent !important;position:relative;top:255px;left:257px;">
  2.    <div id="scrolldiv_parentContainer" style="background-color:transparent !important;">
  3.       <div id="scrolldiv_content" style="background-color:transparent !important;">
  4.          (my content here)
  5.       </div>
  6.    </div>
  7. </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
  1. <div style="width:800px;height:800px;margin:0 auto;background: url('/img/bge.jpg') center no-repeat;}">
Mar 12 '07 #3

roula
P: 18
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.
Mar 12 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.