SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Oct 2010
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Multiple Background in ie

    Hello!
    i'm try to use in Multiple Backgrounds with ie.
    i add the CSS code i use to do that, in google chroom it's work well, but in ie it's not.
    Please check my code, and fix that.
    thanks!
    *the path is o.k.

    PHP Code:
    body 

    {

            
    font-size75%!important
        
    font-size0.7em;
        
    font-family'Lucida Grande'VerdanaArialSans-Serif;
        
    color:black;
        
    padding:0;
        
    margin:0;
                    
    backgroundurl(images/border.gifrepeat-y center url(images/pattern.png)  repeat;
                    
    direction:rtl;
                    
    behaviorurl(PIE.htc);
        }
    hr
    {
        
    display:none;
        
        }
    #sidebar
        
    {
        
    float:left;
        
    width:25%;
        }
    #content
        
    {
        
    float:right;
        
    width:100%;
        
        }
    #header
        
    {
                        
    background:white url(images/header.jpgno-repeat center;    
            
    margin:0;
            
    height:350px;
            
                
        }

    #webbody
        
    {
                        
    background:white url(images/border.gifrepeat-y center ;    
            
    margin:0;
            
    height:350px;
            
                
        }        
        
    #box
        
    {
            
    width:750px;
            
    background:white;
            
    margin:0 auto;
                        
    overflow:hidden;
        }    
        
    #footer
        
    {
        
    clear:both;
        
    padding:10px 20px;
        
    text-align:center;
        
        }    
        .
    pages
        
    {
        
    background:transparent;
        
    padding-top:335px;
        }    
        .
    pages li
        
    {
        
    display:inline;
        
    padding:5px;
        }    
        .
    pages a
        
    {
        
    color:#323232;
        
    text-decoration:none;
        }    
     .
    pages a:hover
        
    {
        
    color:#323232;
        
    text-decoration:underline;
        }    
        .
    pages .current_page_item a
        
    {
        
    color:#4f2608;
        
    text-decoration:none;
        }    
        .
    boxpost
        
    {
        
    padding:10px 0;
        
    margin-bottom:20px;
        
    border-bottom:1px solid #88a61c;
        
    }    
        .
    post h2h2 ah2 a:hover
        
    {
        
    text-decoration:none;
        
    color:#4f2608;
        
    font-size:1.3em;
        }    
        .
    post
        
    {
         
    padding-right:50px;
         
        }    
            
        .
    postmetadata
        
    {
        
    padding:5px 10px;
        
    text-align:left;
        }    
        .
    data {
        
    width:10%;
        
    width 80px;
        
    height 150px;
        
    color white;
        
    text-align center;
        
    font-family'Lucida Grande'VerdanaArialSans-Serif;
        
    font-size 10pt;
        
    font-variant small-caps;
        
    margin-top:10px;
        
    float:right;
        
    backgroundurl(images/datebg.jpgno-repeat top center;
        
    padding-top:8px;
    }

        .
    post li    {
        list-
    style-imageurl(images/star_bullet.jpg);
        }        
    #search 
    {
        
    float:left;
        
    padding-top:8px;
    }


    #search form input#s, form input#s2
    {
        
        
    border:1px solid #4f2608;
        
    height:20px;
        
    font-size:90%;
        
    padding-right:5px;
        
        
        
    }

    form#searchform2
    {
        
    overflow:hidden;
    }

    #search form input#searchsubmit, form input#searchsubmit2
    {
        
    padding:0;
        
    background:white;
        
    cursorpointer
        
    cursorhand
        
    border:none;    
        
    position:relative;
        
    color:#323232;
    }
    a
    {   
        
    color:#323232;
        
    text-decoration:none;
    }
    a:hover
    {   
        
    color:#88a61c;
        
    text-decoration:none;
    }
    h1 ah1 a:hover
        
    {
        
    color:#4f2608;
        
    text-decoration:none;
        }    
    blockquote
        
    {
        
    color:#4f2608;
        
    padding-right:15px;
        
    border-right:5px solid #88a61c;
        
    }        
        
    #footer li    {
        
    list-style-imageurl(images/star_bullet.jpg);
        }        
    .
    tetto
    {   
    background:white url(images/side_background.jpgno-repeat;    
    padding0;
    }
    #sidebar h2
    {   
    font-size:15px;
    color:#4f2608;
    padding-top:20px;
    padding-right:15px;

    }
    #sidebar li
    {   
    padding:2px 18px 2px 10px;
    list-
    style:none;
    margin:0;
    }
    #sidebar ul
    {   
    padding:0;
    list-
    style:none;
    margin:0;
    }
    #sidebar a
    {   
    padding-left:5px;

    }
    ol.commentlist
    {
    width90%;
    margin0 auto;
    color:black;
    }

    ol.commentlist li
    {
    margin-bottom1.5em;
    padding5px;
    background:url(images/comment.jpgrepeat-x;
    }

    ol.commentlist li.alt
    {
    background:url(images/comment.jpgrepeat-x;
    }

    ol.commentlist a
    {
    color:#88a61c;
    }
    h3
        
    {
        
    font-size:1.2em;
        
    background:url(images/comment.jpgrepeat-x;
        
    color:#4f2608;
        
    text-decoration:none;
        
    margin-right:50px;
        
    padding:5px 10px;
        }
    small.commentmetadata
    {
    font-size1em;
    margin-bottom1em;
    displayblock;
    padding:5px;
    }

    .
    commentlist cite
    {
    font-stylenormal;

    }
    .
    pagetitle
    {
    background:url(images/comment.jpgrepeat-x;
    margin-right:40px;
    color:#4f2608;

    }
    .
    entry img max-width100%; }
    .
    commentlist p
    {
    line-height1.4em;
    margin-bottom1em;
    margin-right:50px;
    }
    #commentform 
    {
    margin-right:40px;
    padding:20px;
    margin-bottom:20px;
    }
    #commentform input
    {
    color:black;
    padding:5px 0 5px 50px;
    background:url(images/comment.jpgrepeat-x;
    }
    #commentform textarea
    {
    color:black;
    background:url(images/comment.jpgrepeat-x;



  2. #2
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,114
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I.M.H.K. I think this will be only possible in IE from CSS 3, some one correct me if i'm wrong please. But you could use a div instead.
    Code CSS:
    html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
     
    body{
        font-size: 75%!important; 
        font-size: 0.7em;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        color:black;
        background: url(images/border.gif) repeat-y center 
        direction:rtl;
        behavior: url(PIE.htc);
    }
     
    #backgr{
        width: 100%;
        height: 100%;
        background: url(images/pattern.png);
    }

  3. #3
    SitePoint Wizard rguy84's Avatar
    Join Date
    Sep 2005
    Location
    Durham, NC
    Posts
    1,659
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by shlagr View Post
    Hello!
    i'm try to use in Multiple Backgrounds with ie.
    i add the CSS code i use to do that, in google chroom it's work well, but in ie it's not.
    Please check my code, and fix that.
    thanks!
    *the path is o.k.
    We would need to see the way you are using the code (between the <body> tags), your CSS looks fine.
    Ryan B | My Blog | Twitter


Tags for this Thread

Bookmarks

Posting Permissions

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