CSS Background Color not working in FireFox

Discussion in 'HTML & Website Design' started by stephanny, Oct 8, 2008.

  1. #1
    Hello

    I have created a site to use in joomla. I have my css code that works fine in IE. When i test it in Firfox the background of the wrapper should be white and the footer should be on the bottom.

    Any help would help

    here is my css code

    
    
    body{ 
    
    	text-align: center;
    	background-image:url(../images/bg.jpg);
    	background-repeat:repeat-x;
    }
    
    tr, p, div {
    
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	line-height: 1.3em;
    	color:#000000;
    
    }
    
    ul {
    
    	list-style:none;
    
    }
    
    li {
    
    	padding-left: 25px;
    	padding-top: 0;
    	background-image: url(../images/arrow.png) ;
    	background-repeat: no-repeat;
    	background-position: 10px 5px;
    
    }
    
    ol{
    
    	margin-left:40px;
    	list-style-position:inherit;
    
    }
    
    #mainlevel-nav {
    	float: right;
    	font-size: 1.1em;
    	color: #FFF;
    	width: 600px;
    	text-align: right;
    	padding: 0 20px 0 0;
    
    }
    
    
    
    #mainlevel-nav ul { 
    	font-size: 1.1em; 
    	margin: 0;  
    	padding: 0;
    }
    
    #mainlevel-nav li { 
    	color: #fff;
    	background: none;
    	display: inline;
    }
    
    
    #mainlevel-nav li a { 
    	font-weight: bold;
    	color: #FFF; 
    } 
    
    
    #mainlevel-nav li a:hover { 
    	color: #fff;
        text-decoration   : underline;
    
    } 
    
    .menu {
    
    	padding-top:35px;
    
    }
    
    #active_menu {
    	color: #523417;
    	text-decoration: none;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    }
    
    a:link, a:visited {
    	color: #76c41d;
    	text-decoration: none;
    
    }
    
    a:hover {
    	color: #523417;
    }
    
    a.mainlevel:link, a.mainlevel:visited {
    	display: block;
    	color: #523417;
    	margin: 0 0 1px 0;
        text-decoration: none;
    	padding-left:10px;
    	line-height:25px;
    	padding-right:20px;
    	padding-top:10px;
    
    }
    
    a.mainlevel:hover {
    	color: #177D17;
    	background: #ffffff;
    
    }
    
    a.mainmenu:link, a.mainmenu:visited {
    	color: #ffffff; 
    	font-family: Verdana, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: 10px;
    
    }
    
    a.mainmenu:hover {
    	color: #3bba4b; 
    
    }
    
    a.sublevel:link, a.sublevel:visited {
    	font-size: 11px;
    	color: #523417;
    	background-color:#ffffff;
    
    
    }
    
    a.sublevel:hover {
    	color: #177D17;
    	text-decoration: none;
    
    }
    
    
    .contentheading {
    	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
    	color: #177d17;
    	text-align: left;
    	margin: 0 0 10px 0;
    	padding-top:10px;
    
    }
    
    .componentheading {
    	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
    	color: #000000;
    	text-align: left;
    	margin: 0 0 10px 0;
    	padding-top:10px;
    }
    
    #header {
    
    	background: #ffffff url(../images/site_header.jpg);
    	background-repeat:no-repeat;
    	height: 167px;
    	width:782px;
    	padding:0;
    
    }
    
    #wrap {
    
    	width: 782px; 
    	margin:0 auto; /*center hack*/
    	text-align: left;
    	background: #FFFFFF;
    	border: 1px solid #000000;
    
    }
    
    #main-body {
    	float:left;
    	width:100%;
    
    }
    
    
    table.moduletable_contactus {
    	text-align:center;
    	color: #177D17;
    
    }
    
    
    table.moduletable_contactus th
    
    {
    	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
    	color: #177D17;
    	width: 100%;
    	font-weight:bold;
    	text-align: center;
    }
    
    
    
    table.moduletable_contactus td {
        background-color: #ffffff;
    	text-align:left;
    	padding: 10px ;
    	color: #177D17;
    
    }
    
    table.moduletable_institute {
    	text-align:center;
    	color: #177D17;
    
    }
    
    table.moduletable_institute th
    
    {
    
    	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
    	color: #177D17;
    	font-weight:bold;
    	text-align: center;
    }
    
    
    table.moduletable_institute td {
        background-color: #ffffff;
    	text-align:left;
    	padding: 10px ;
    	color: #177D17;
    }
    
    table.moduletable th {
    	font: bold 1.1em  Verdana, Arial, Helvetica, sans-serif;
    	color: #666;
    	width: 100%;
    	font-weight:bold;
    	padding: 3px 10px;
    	text-align: left;
    }
    
    table.moduletable li {
    	color: #FFF;
    }
    
    table.moduletable ul {
    	padding: 0px;
    
    }
    
    table.moduletable td {
    	font-size: 11px;
    	font-weight: normal;
    }
    
    table.moduletable {
    	padding: 0 0px 5px 0px;
    	width: 200px;
    	margin-bottom:5px;
    
    }
    
    table.content {
    	padding: 0;
    	vertical-align: top;
    }
    
    td.leftcolumn {
    	width: 180;
    	vertical-align: top;
    }
    
    td.maincontent {
    	width: 602;
    	vertical-align: top;
    }
    
    table.rightbox {
    	width: 230;
    	border: 1;
    	align: right;
    	padding: 10px;
    }
    
    td.rightcolumn {
    	width: 230;
    	vertical-align: top;
    }
    
    td.bottom {
    	width: 612;
    	vertical-align: top;
    }
    
    .footer {
    
    }
    
    img {
    	border:none;
    }
    
    
    
    
    Code (markup):
    please help..thanks
     
    stephanny, Oct 8, 2008 IP
  2. mariusz.b

    mariusz.b Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Write link to the site, please.
     
    mariusz.b, Oct 8, 2008 IP
  3. stephanny

    stephanny Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    http://www.homeenergydetective.com/index.php
     
    stephanny, Oct 8, 2008 IP