pleasehelpme
06-20-2009, 04:43 PM
The beige background color of my footer looks fine in IE, but does not show up in Firefox. Is there a fix for this? Thank you for your help!!!
Page location:
http://www.skolnickcpa.com/indextest.html
CSS:
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 1.2em;
background-color:#666;
}
#wrapper {
margin: 0 auto;
width: 820px;
border: 1px solid #333;
background-color:#fff;
}
#header {
width: 822px;
float: left;
padding: 10px;
height: 116px;
margin: 0;
background:url(header.jpg) no-repeat;
}
#leftcolumn {
color: #666;
background:url(leftslice.jpg) no-repeat;
margin: 0;
padding: 10px 30px 10px 30px;
min-height: 384px;
width: 198px;
float: left;
}
#rightcolumn {
color: #666;
float: left;
background:url(rightslice.jpg) repeat-x;
margin: 0;
padding: 10px 30px 10px 30px;
min-height: 384px;
width: 502px;
display: inline;
}
#footer {
width: 820px;
height:100%;
clear: both;
color: #333;
background: #c4bca4;
font-size: 85%;
line-height: 1.2em;
border-top: 1px solid #333;
}
#footerleft {
width: 198px;
padding: 10px 30px 10px 30px;
float: left;
}
#footerright {
width: 502px;
padding: 10px 30px 10px 30px;
float:left;
}
#footer a{
text-decoration:none;
color:#84693b;
font-weight:bold;
}
#footer a:hover,#footer a:active {
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
ul#menu {
list-style:none;
padding-left:319px;
text-align:center;
}
ul#menu li {
margin:0px; padding:0px;
list-style:none;
font-size:12pt;
line-height:1em;
display:inline;
}
ul#menu li a {
display:block;
text-align:center;
width:64px;
float:left;
margin-top:102px;
margin-right:25px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
padding:0 20px 0 0;
}
ul#menu a:hover,#footer a:active {
text-decoration:none;
color:#666;
font-weight:bold;
}
Page location:
http://www.skolnickcpa.com/indextest.html
CSS:
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 1.2em;
background-color:#666;
}
#wrapper {
margin: 0 auto;
width: 820px;
border: 1px solid #333;
background-color:#fff;
}
#header {
width: 822px;
float: left;
padding: 10px;
height: 116px;
margin: 0;
background:url(header.jpg) no-repeat;
}
#leftcolumn {
color: #666;
background:url(leftslice.jpg) no-repeat;
margin: 0;
padding: 10px 30px 10px 30px;
min-height: 384px;
width: 198px;
float: left;
}
#rightcolumn {
color: #666;
float: left;
background:url(rightslice.jpg) repeat-x;
margin: 0;
padding: 10px 30px 10px 30px;
min-height: 384px;
width: 502px;
display: inline;
}
#footer {
width: 820px;
height:100%;
clear: both;
color: #333;
background: #c4bca4;
font-size: 85%;
line-height: 1.2em;
border-top: 1px solid #333;
}
#footerleft {
width: 198px;
padding: 10px 30px 10px 30px;
float: left;
}
#footerright {
width: 502px;
padding: 10px 30px 10px 30px;
float:left;
}
#footer a{
text-decoration:none;
color:#84693b;
font-weight:bold;
}
#footer a:hover,#footer a:active {
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
ul#menu {
list-style:none;
padding-left:319px;
text-align:center;
}
ul#menu li {
margin:0px; padding:0px;
list-style:none;
font-size:12pt;
line-height:1em;
display:inline;
}
ul#menu li a {
display:block;
text-align:center;
width:64px;
float:left;
margin-top:102px;
margin-right:25px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
padding:0 20px 0 0;
}
ul#menu a:hover,#footer a:active {
text-decoration:none;
color:#666;
font-weight:bold;
}