Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    May 2014
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Menu without Background in IE

    Dear friends, please why I am not able to have a background:rgb(255,255,255) in IE6 while the div class="content" has it?
    Where did I go wrong?
    Thank you very much!

    Code:
    <!DOCTYPE html>
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Chi siamo</title>
    <base target="_self">
    <link href="css/stili.css" rel="stylesheet" type="text/css">
    
    <!--[if IE]>
        <style type="text/css">
            .content {
            background: rgb(255,255,255); 
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter:alpha(opacity=50); 
            zoom:1;
    
            .menu {
            background: rgb(255,255,255); 
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter:alpha(opacity=50); 
            zoom:1;
    
        }
        </style>
    <![endif]-->
    
    
    </head>
    
    <body>
    
    <div class="menu">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="ChiSiamo.htm">About</a></li>
            <li><a href="Archivio.htm">Archivio</a></li>
            <li><a href="Contatti.htm">Contatti</a></li>
        </ul>
    </div> <!--fine menu-->
    
    <div class="container">
        <div class="content" align="justify">
            <p>testo...</p>
        </div> 
    </div>
    
    <div id="background">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td><img src="images/sfondo1.jpg" id="bgk" alt="" /> </td>
            </tr>
        </table>
    </div>
    
    
    </body>
    </html>
    CSS:
    Code:
    * {
        margin:0;
        border:0;
        padding:0;
    }
    
    html,body{
        width:100%;
        height: 100%;
        background-color:transparent;
        color:rgb(0,0,0);
        overflow:hidden;
    }
    
    body {text-align: center;}
    
    .menu {
        width:100px;
        float:left;
        display:inline;
        position:absolute;
        top:0;
        left:0;
        z-index:1;
        margin: 0;
        box-shadow: 0px 4px 10px 0px rgb(90,90,90);
        padding-top: 30px;
        background:rgba(200,200,200,0.5);
        font-family: Lucida Sans Unicode,Verdana,Arial;
        font-size: 12px;
    }
    
    .menu li a {
      color: rgb(255,255,255);
      display:block;
      line-height: 10px;
      height: 30px;
      width: 100px;
      text-align: center;
      text-decoration: none;
    }
     
    .menu li a:hover {  font-weight: bold;}
    
    .container{
        width:100%;
        height: 100%;
        position:relative;
        top:0;
        left:0;
        overflow:auto;
        z-index:1;
    }
    
    .content{
        overflow:auto;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        padding-bottom: 100px;
        border-left: 0;
        border-right: 0;
        font-family: Verdana,Lucida Sans Unicode,Arial;
        font-size: 12px;
        text-aling: left;
        background: rgba(255,255,255,0.5) ;
        margin-left: 100px;
        margin-right: 10%;
        box-shadow: 4px 4px 10px 0px rgb(90,90,90) ;
    }
    
    #background{
        position:absolute;
        top:0;
        left:0;
        z-index:0;
    }

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,699
    Thanks
    0
    Thanked 233 Times in 228 Posts
    Hi there mlolcu,

    unfortunately, the "rgb" attribute is first supported in IE9.

    Source:-


    coothead

  • #3
    New Coder
    Join Date
    May 2014
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by coothead View Post
    Hi there mlolcu,

    unfortunately, the "rgb" attribute is first supported in IE9.

    Source:-


    coothead
    But the class="content" got the Background rightly, why div "menu" not?
    Sincerely

  • #4
    New Coder
    Join Date
    May 2014
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Dear friends,
    thank you for support, I solved problem by studiyng the following (fantastic) website:

    CSS3 Menu Generator - CSS Portal


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •