SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict MikesBarto2002's Avatar
    Join Date
    May 2006
    Location
    New York City
    Posts
    317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Problem with background image

    I am having trouble making a background image appear in FF, but it works fine in Internet Explorer. If you take a look at it in both browsers, it is apparent what I am talking about. Here is the site, and here is the css...

    Code:
    body, html{
    	margin : 0 auto;
    	padding : 0;
    	background : url('../pics/background.gif') repeat center center #000066;
    	color : #000;
    }
    
    body{
    	min-width : 800px;
    }
    
    
    .clearfix:after{
    	content : "."; 
    	display : block; 
    	height : 0; 
    	clear : both; 
    	visibility : hidden;
    }
    
    .clearfix{
    	display : inline;
    }
    
    /* mac hide \*/
    * html .clearfix{
    	height : 1%;
    }
    
    .clearfix{
    	display : block;
    }
    /* End hide */
    
    /*-----------------------------*/
    /*---------- LAYOUT ----------*/
    /*-----------------------------*/
    
    #header{
    	width : 800px;
    	margin : 0 auto;
    	padding : 0;
    	background-color : #FF7920;
    	border-left : 1px solid #000;
    	border-right : 1px solid #000;
    	color : #000;
    }
    
    #container{
    	clear : both;
    	width : 800px;
    	margin : 0 auto;
    	padding : 0;
    	background : url('../pics/background_body.gif') no-repeat top center #FF7920;
    	border-left : 1px solid #000;
    	border-right : 1px solid #000;
    	color : #000;
    }
    
    #navbar{
    	float : left;
    	width : 250px;
    	margin : 10px;
    	background-color : #000066;
    	color : #FFF;
    }
    
    #navbar ul{
    	list-style : none;
    	margin : 0;
    	padding : 0;
    }
    
    #navbar ul li{
    	padding : 0 10px;
    }
    
    .roundcont{
    	width: 250px;
    	background-color: #000066;
    	color: #FFF;
    }
    
    .roundcont p{
    	margin: 0 10px;
    }
    
    .roundtop{ 
    	background: url('../pics/navbarcorner_tr.gif') no-repeat top right; 
    }
    
    .roundbottom{
    	background: url('../pics/navbarcorner_br.gif') no-repeat top right; 
    }
    
    img.corner{
    	width: 10px;
    	height: 10px;
    	border: none;
    	display: block !important;
    }
    
    #content{
    	float : right;
    	width : 480px;
    	padding : 0 10px 20px 0;
    	margin : 0;
    	font-family : Arial, Verdana, sans-serif;
    	font-size : 13px;
    	color : #000;
    }
    
    #footer{
    	clear : both;
    	width : 790px;
    	margin : 0 auto;
    	padding : 5px;
    	text-align : center;
    	background-color : #FF7920;
    	border-top : 1px solid #000;
    	border-left : 1px solid #000;
    	border-right : 1px solid #000;
    	font-family : Arial, Verdana, sans-serif;
    	font-size : 11px;
    	color : #000;
    }
    
    #footer a{
    	color : #000;
    }
    
    #footer a:hover{
    	color : #000;
    	text-decoration : none;
    }
    
    #footer a:visited{
    	color : #000066;
    }

  2. #2
    SitePoint Addict MikesBarto2002's Avatar
    Join Date
    May 2006
    Location
    New York City
    Posts
    317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, just missed it!


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
  •