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

Code:

@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

Code:

<!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:

Code:

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

Originally Posted by allahverdi

Just looked and saw that in IE7:

Code:

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

Thread: background in IE not show up !!help!!

Thread Tools

Search Thread

background in IE not show up !!help!!

Bookmarks

Bookmarks

Posting Permissions