Log in

View Full Version : background in IE not show up !!help!!


bladeru12
06-24-2008, 09:56 PM
Hello again,

I got my back ground to work in Firefox but not in IE 7. Could some one help me (still new at this). http://www.d3dezign.com/pats

CSS


@charset "utf-8";

body {
background-color: #271a0b;
background-image: url(../images/backGroundStrip.jpg);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
}


/*---------Container--------*/
#container {
width: 100%;
height: 900px;
overflow: hidden;
background: url(../images/backGround.jpg) no-repeat center;
}

/*---------Header within Container--------*/
#container #header {
margin: 0px auto;
width: 80em;
padding-top: 20px;
overflow: hidden;
position: relative;
}
#container #header img {
margin-left: 13em;
float: left;
}

/*---------Main Navigatons Menu in header--------*/

#container #header ul {
margin-left: .5em;
list-style: none;
float: left;
margin-top: 58px;
}

#container #header li {
float: left;
}

#container #header li a:link, #container #header li a:visited {
display: block;
background: #281a0d;
padding: .1em .5em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
text-decoration: none;
color: #abb886;
line-height: 1.2em;
margin-right: .2em;
}

#container #header li a:hover, #container #header li a:active {
color: #da5d14;
background: #1a1007;
}

#container #header li a:current, #container #header li a:current:hover, #container #header li a:current:active {
color: #da5d14;
background: ;
cursor: default;
}
/*---------Content--------*/
#container #content {
margin-top: 3em;
margin-left: 50%;
width: 500em;
padding-top: 20px;
overflow: hidden;
align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
color: #abb886;
}
/*---------footer--------*/
#container #footer {
margin-top: 3em;
margin-left: 50%;
width: 500em;
padding-top: 20px;
overflow: hidden;
align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
color: #abb886;
}


HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sombralita Inc - Rentals</title>

<link href="asset/screen.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="container">
<div id="header">
<img src="images/logo.png" alt="logo" width="101" height="111" />
<ul>
<li><a href="index.htm" class="current">Home</a></li>
<li><a href="about.htm">About</a></li>
<li><a href="houses.htm">Our Houses</a></li>
<li><a href="locations.htm">Locations</a></li>
<li><a href="applications.htm">Applications</a></li>
<li><a href="contact.htm">Contact Us </a></li>
</ul>
</div>


<div id="content"> place something here </div>
<div id="footer"> place something here </div>
</div>


</body>
</html>
allahverdi
06-25-2008, 08:31 AM
Just looked and saw that in IE7:


background: url(../images/backGround.jpg) no-repeat center;


this didn't work. I don't know why. Try to delete body's background and let me to look.
bladeru12
06-25-2008, 02:58 PM
Just looked and saw that in IE7:


background: url(../images/backGround.jpg) no-repeat center;


this didn't work. I don't know why. Try to delete body's background and let me to look.

No it didn't work, it now displays no background in the body or display the background in the #container. Any idea.

Thanks for your replying