Forums
View unanswered posts | View active topics It is currently Wed Nov 26, 2014 4:45 pm



Reply to topic  [ 2 posts ] 
 Multiple Background in ie 
Author Message

Joined: Fri Oct 22, 2010 2:29 am
Posts: 1
Post 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.
Code:
body

{

        font-size: 75%!important;
    font-size: 0.7em;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color:black;
    padding:0;
    margin:0;
                background: url(images/border.gif) repeat-y center , url(images/pattern.png)  repeat;
                direction:rtl;
                behavior: url(PIE.htc);
    }
hr
{
    display:none;
     
    }
#sidebar
    {
    float:left;
    width:25%;
    }
#content
    {
    float:right;
    width:100%;
     
    }
#header
    {
                    background:white url(images/header.jpg) no-repeat center;     
        margin:0;
        height:350px;
         
             
    }

#webbody
    {
                    background:white url(images/border.gif) repeat-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 h2, h2 a, h2 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', Verdana, Arial, Sans-Serif;
    font-size : 10pt;
    font-variant : small-caps;
    margin-top:10px;
    float:right;
    background: url(images/datebg.jpg) no-repeat top center;
    padding-top:8px;
}

    .post li    {
    list-style-image: url(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;
    cursor: pointer;
    cursor: hand;
    border:none;     
    position:relative;
    color:#323232;
}
a
{   
    color:#323232;
    text-decoration:none;
}
a:hover
{   
    color:#88a61c;
    text-decoration:none;
}
h1 a, h1 a:hover
    {
    color:#4f2608;
    text-decoration:none;
    }     
blockquote
    {
    color:#4f2608;
    padding-right:15px;
    border-right:5px solid #88a61c;
    }         
    #footer li    {
    list-style-image: url(images/star_bullet.jpg);
    }         
.tetto
{   
background:white url(images/side_background.jpg) no-repeat;     
padding: 0;
}
#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
{
width: 90%;
margin: 0 auto;
color:black;
}

ol.commentlist li
{
margin-bottom: 1.5em;
padding: 5px;
background:url(images/comment.jpg) repeat-x;
}

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

ol.commentlist a
{
color:#88a61c;
}
h3
    {
    font-size:1.2em;
    background:url(images/comment.jpg) repeat-x;
    color:#4f2608;
    text-decoration:none;
    margin-right:50px;
    padding:5px 10px;
    }
small.commentmetadata
{
font-size: 1em;
margin-bottom: 1em;
display: block;
padding:5px;
}

.commentlist cite
{
font-style: normal;

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

}
.entry img { max-width: 100%; }
.commentlist p
{
line-height: 1.4em;
margin-bottom: 1em;
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.jpg) repeat-x;
}
#commentform textarea
{
color:black;
background:url(images/comment.jpg) repeat-x;

}
8-)


Fri Oct 22, 2010 2:31 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Multiple Background in ie
You must use the -pie-background property for PIE to be able to pick up your multiple backgrounds.


Fri Oct 22, 2010 10:50 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: Yahoo [Bot] and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.