No replies
Sazeh
Offline
newbie
Last seen: 13 years 32 weeks ago
Joined: 2009-01-19
Posts: 3
Points: 0

Im getting extra white space after the footer. I think it only happens when the content has a table or an image with a set height. This only happens on firefox, ie6 and ie7 are fine.

This is my css hopefully is not too confusing. Any clue or help will be freatly appreciated!

body
{
  margin:0;
  padding:120px 0 0 0;
}
 
 .header
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:92px;
  color: white;
  min-width: 900px;
  BACKGROUND-IMAGE: url(img/cabecera.jpg);    
 }
 .footer
{
  width:100%;
  position:relative;
  font: bold 0.8em;
  color:White;
  min-width: 900px;
  line-height:45px;
  clear: both; 
 }
.navigation 
{
    top: 94px;
    position: absolute;
    width:100%;
    min-width: 900px;
    background-image:url(img/submenu_background.gif);
    float:left;
 
}
.navigation a 
{
	border-right: 1px solid #7795BD;
	color:#336666;
	display: block;
	float: left;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	padding: 0 18px;
}
 
 
.main
{
  padding:5px;
  font-size: 1.0em;
  min-height:675px;
  background-image:url(FotosCampo/FotosCampo.jpg);
  background-position:top left;
  min-width: 900px;
 }
 
.sidenav
{
	width: 180px;
	float:left;
	margin: 5px 0px;
	padding: 0 8px;
}
 
.content 
{
    float:left;
    min-width: 800px;
    margin: 5px 0px;
    padding: 0 8px;
    margin-bottom: 6px;
    font-size: 1.0em;	   
}
.headerlogin
{
    float:right;
}

and the structrure of the html is:

Thanks!