Results 1 to 3 of 3

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

  1. #1
    Join Date
    Jun 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default background in IE not show up !!help!!

    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>

  2. #2
    Join Date
    Jul 2007
    Location
    Azerbaijan, Baku
    Posts
    144
    Thanks
    11
    Thanked 27 Times in 25 Posts

    Default

    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.

  3. #3
    Join Date
    Jun 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by allahverdi View Post
    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

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
  •