Problema con il footer

**carlitosteam** · 08-01-2010, 20:16

Salve ragazzi,ho un problema con il footer praticamentecapita che quando il contenuto del content supera una certa soglia di spazio va a finire sopra il footer,come si vede andando silla pagina

salernitana.org/classifica.php

Su internet explorer si vede bene...mentre su mozilla mi capita questo difetto,come posso risolvere??

Questo e il css
[CSS]
html,body{margin:0;padding:0;height:100%}
body{font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
background: #FFFFFF;color: #555;text-align:center}

h2,h3,h4{margin:0;padding-left: 5px;line-height: 30px;color: #333}
h2{font-size: 160%}
h5{font-size:70/1.5% Verdena,Tahoma,sans-serif;}
h4{font-size:120%}

p{margin: 0 5px;padding: 0 0 0.7em}

.fontprofilo{
font: 70%/1.5 Verdena,Tahoma,sans-serif;}

img#utentiacaso {float:left;}

.input {
height:11px;
background-color: #ffffff;
border: 1px solid #666666;
padding:2px;
font-size:7px;
font-family:tahoma;
margin-left:15px;
}

#signup table {
background-color: #F9FBFD;
color: #000000;
width: 440px;
border: 1px solid #D7E5F2;
border-collapse: collapse;
}

#signup td {
border: 1px solid #D7E5F2;
padding-left: 4px;
}

#signup textarea {
border: 1px solid #D7E5F2;
padding-left: 4px;
}
#signup2 table {
background-color: #F9FBFD;
color: #000000;
width: 440px;
border: 0px solid #D7E5F2;
border-collapse: collapse;
}

div#container{width:950px;margin: 0 auto;
background:#FF9900
repeat-y;text-align:left}

div#header{background: #DBF8B4 }
div#main{float:right;width:568px;background:#FFFFF ;}
div#content{float:left;width:568px;background:#FFF FFF;}
div#nav{float:left;width:162px;font-size:85%;background:#FF6600}
div#extra{float:right;width:220px;font-size:95%;background:#E4E4E4}
div#footer{clear:both;width:100%;padding-top:5px;background: #996633}

ul#nav{font: 70%/1.5 Verdena,Tahoma,sans-serif; }
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none;z-index:2}
ul#nav{height:26px;line-height:25px;margin-left:50px;
background: url(immagini/intestazionesfondo.JPG);color: #fff}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;line-height: 22px;
display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px;
width: 12em;background: #fff;color: #3B5998}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav li li a{height:22px} /*fix per IE */
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
ul#nav li:hover,ul#nav a:hover{background-color: #FF0000;color: #FFF;z-index: 400}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}

/*regole per separatore e le icone */

ul#nav li.sep{height: 34px;background: #fff}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden;
margin: 6px 5px 0;background: #CCC}
ul#nav li li.icon a{padding-left: 24px}
ul#nav li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
ul#nav li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px}

ul#nav2{font: 70%/1.5 Verdena,Tahoma,sans-serif; }
ul#nav2,ul#nav2 li,ul#nav2 ul,ul#nav2 ul li{margin:0;padding:0;list-style-type:none;z-index:2}
ul#nav2{height:26px;line-height:25px;margin-left:50px;
background: url(immagini/intestazionesfondo.JPG);color: #fff}
ul#nav2 a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav2 li{float: left;position: relative}
ul#nav2 li li{float: none;line-height: 22px;
display:block !important;display: inline; /*IE*/}
ul#nav2 ul{position: absolute;top: 23px;left: -9999px;
width: 12em;background: #fff;color: #3B5998}
ul#nav2 ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav2 li li a{height:22px} /*fix per IE */
ul#nav2 ul,ul#nav2 li li a{background-color: #FFF;color: #3B5998}
ul#nav2 li:hover,ul#nav2 a:hover{background-color: #FF0000;color: #FFF}
ul#nav2 li:hover ul,ul#nav2 li.sfhover ul{left: -1px;z-index: 200}

/*regole per separatore e le icone */

ul#nav2 li.sep{height: 34px;background: #fff}
ul#nav2 li.sep span{display: block;height: 1px;overflow: hidden;
margin: 6px 5px 0;background: #CCC}
ul#nav2 li li.icon a{padding-left: 24px}
ul#nav2 li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
ul#nav2 li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px}

ul#naviscrizione li{font: 70%/1.5 Verdena,Tahoma,sans-serif; }

[css]

**LA VALE** · 08-01-2010, 20:33

Non si capisce molto.. Manca il link alla pagina non funzionante, devi mettere il codice all'interno dei tag [ CODE ] e [ / CODE] manca l'html con la struttura della pagina..

**carlitosteam** · 08-01-2010, 21:53

Originariamente inviato da LA VALE
Non si capisce molto.. Manca il link alla pagina non funzionante, devi mettere il codice all'interno dei tag [ CODE ] e [ / CODE] manca l'html con la struttura della pagina..

Ok,provvedo subito
Questo è il link della pagina incriminatasalernitana.org/classifica.php
Usando mozilla mi da quell errore mentre con internet explorer no

Questo e il css

codice:

html,body{margin:0;padding:0;height:100%}
body{font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
   background: #FFFFFF;color: #555;text-align:center}

h2,h3,h4{margin:0;padding-left: 5px;line-height: 30px;color: #333}
h2{font-size: 160%}
h5{font-size:70/1.5% Verdena,Tahoma,sans-serif;}
h4{font-size:120%}

p{margin: 0 5px;padding: 0 0 0.7em}

 .fontprofilo{
  font: 70%/1.5 Verdena,Tahoma,sans-serif;}

      img#utentiacaso {float:left;}

.input {
 height:11px;
 background-color: #ffffff;
 border: 1px solid #666666;
 padding:2px;
 font-size:7px;
 font-family:tahoma;
 margin-left:15px;
}	

  #signup table {  
 background-color: #F9FBFD;  
 color: #000000;  
 width: 440px;  
 border: 1px solid #D7E5F2;  
 border-collapse: collapse;  
}  
 
#signup td {  
 border: 1px solid #D7E5F2;  
 padding-left: 4px;  
}
 
#signup textarea {  
 border: 1px solid #D7E5F2;  
 padding-left: 4px;  
}
	#signup2 table {  
 background-color: #F9FBFD;  
 color: #000000;  
 width: 440px;  
 border: 0px solid #D7E5F2;  
 border-collapse: collapse;  
}    

div#container{width:950px;margin: 0 auto;
    background:#FF9900
	repeat-y;text-align:left}
	
div#header{background: #DBF8B4 }
div#main{float:right;width:568px;background:#FFFFF;}
div#content{float:left;width:568px;background:#FFFFFF;}
div#nav{float:left;width:162px;font-size:85%;background:#FF6600}
div#extra{float:right;width:220px;font-size:95%;background:#E4E4E4}
div#footer{clear:both;width:100%;padding-top:5px;background: #996633}


                 ul#nav{font: 70%/1.5 Verdena,Tahoma,sans-serif;  }
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none;z-index:2}
ul#nav{height:26px;line-height:25px;margin-left:50px;
    background: url(immagini/intestazionesfondo.JPG);color: #fff}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;line-height: 22px;
    display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px;
    width: 12em;background: #fff;color: #3B5998}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav li li a{height:22px}   /*fix per IE */
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
ul#nav li:hover,ul#nav a:hover{background-color: #FF0000;color: #FFF;z-index: 400}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}

  /*regole per separatore e le icone */

ul#nav li.sep{height: 34px;background: #fff}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden;
    margin: 6px 5px 0;background: #CCC}
ul#nav li li.icon a{padding-left: 24px}
ul#nav li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
ul#nav li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px}



ul#nav2{font: 70%/1.5 Verdena,Tahoma,sans-serif;  }
ul#nav2,ul#nav2 li,ul#nav2 ul,ul#nav2 ul li{margin:0;padding:0;list-style-type:none;z-index:2}
ul#nav2{height:26px;line-height:25px;margin-left:50px;
    background: url(immagini/intestazionesfondo.JPG);color: #fff}
ul#nav2 a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav2 li{float: left;position: relative}
ul#nav2 li li{float: none;line-height: 22px;
    display:block !important;display: inline; /*IE*/}
ul#nav2 ul{position: absolute;top: 23px;left: -9999px;
    width: 12em;background: #fff;color: #3B5998}
ul#nav2 ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav2 li li a{height:22px}   /*fix per IE */
ul#nav2 ul,ul#nav2 li li a{background-color: #FFF;color: #3B5998}
ul#nav2 li:hover,ul#nav2 a:hover{background-color: #FF0000;color: #FFF}
ul#nav2 li:hover ul,ul#nav2 li.sfhover ul{left: -1px;z-index: 200}

  /*regole per separatore e le icone */

ul#nav2 li.sep{height: 34px;background: #fff}
ul#nav2 li.sep span{display: block;height: 1px;overflow: hidden;
    margin: 6px 5px 0;background: #CCC}
ul#nav2 li li.icon a{padding-left: 24px}
ul#nav2 li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
ul#nav2 li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px}

ul#naviscrizione li{font: 70%/1.5 Verdena,Tahoma,sans-serif;  }

Questa è la pagina col codice html-php

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="description" content="Salernitana.oRg - Classifica Campionato Serie B 2009-2010" />
<meta name="keywords" content="salerno,salernitana,salernitano,calcio,tifosi,tifoso,arechi,tifo,ultras,ultrà,ultragranata,cori,merino,soligo,salernitana1919,salernitanaforum,ultrasalerno,ultrassalerno,campionato," />
<meta name="Generator" content="Questo sito e stato realizzato da Domenico/>

<base href="http://www.salernitana.org/" />
<title>Salernitana.oRg - Classifica Campionato Serie B 2009-2010</title>
	<link rel="stylesheet" type="text/css" href="classifica.css" />
<!--[if IE]>
<script type="text/javascript" src="suckerfish.js"></script>
<![endif]-->


	<script type="text/javascript" src="glossy.js"></script>
	<script src="css_browser_selector.js" type="text/javascript"></script>

<style>
  
a
{
text-decoration: none;
}

</style>



</head>
<body>
<div id="container">CONTAINER


<div id="header">
<ul id="nav">[*]

    Home 
	<ul>
       <h4>Rubriche</h4>
                 [/list]
[*]
Campionato
<ul>
                   [*]Classifica Serie B[*]Prossimo turno[*]Ultimo Turno[*]Il cammino Granata[*]Classifica marcatori[*]Statistiche[*]La Rosa[/list]
[*]
News
   <ul>[*]Ultime dal campo[*]Probabile Formazione[*]Calcio Mercato

[/list]
[*]
 Rubriche
    <ul>[*]Il muro Granata[*]L angolo del critico[*]L asino Stagionale
    
	[/list]
[*]
Ultras
   <ul>[*]La Storia Ultrà[*]Gruppi Ultras[*]Iniziative[*]Coereografie Granata[*]Cori ultras[*]Ultras Speciali[/list][*]

    Info
	<ul>[*]Siti Amici[*]Ricevitorie Lottomatica[*]Listino biglietti[*]Contattaci[*]Segnalazioni[*]Faq
	
[/list][*]Iscriviti



</div>



    
        
    <div id="nav">NAV



<font class="fontprofilo" >

Mostra le foto in cui ci sono io(7)




Modifica il mio profilo


</font>


</p>[*]<center><font class="fontprofilo">Utenti a caso</center></font>[/list]





 


</div>

<div id="content" style="width: 568px; height: 459px"><center>Classifica Campionato Serie B Tim 2009-2010</center>

<form name="signup" id="signup" method="post" action="aggiornaclassifica.php">
<table width="490"border="0">  
   <tr>    
     <td align="left"width="70px"colspan="2" border="0" >
	 <font class="fontprofilo">Squadra</td>
     <td align="center"width="64px"colspan="2">
	 <font class="fontprofilo">Punti</td>
     <td width="54px"colspan="2">
	 <font class="fontprofilo"><center>Vinte</center></td>
     <td width="50px"colspan="2">
	 <font class="fontprofilo">Perse</td>
     <td width="50px"colspan="2">
	 <font class="fontprofilo">Gol Fatti</td>
     <td align="left"width="50px"colspan="2">
	 <font class="fontprofilo">Gol Subiti</td>
	 
      </tr>  </table>
	  
	  
	<?


include "config.php"; // file di connessione al Db


//seleziono i campi da visualizzare per singolo utente 
$strsqlultima="SELECT *
FROM `classifica`
ORDER BY `classifica`.`punti` DESC
LIMIT 0 , 30";
$query1=@mysql_query("$strsqlultima") or die("Errore query database: " . mysql_error());  



while($row=mysql_fetch_array($query1))
{
$squadra=$row['squadra'];
$punti=$row['punti'];
$vittorie=$row['vittorie'];
$perse=$row['perse'];
$golfatti=$row['golfatti'];
$golsubiti=$row['golsubiti'];
$id=$row['id'];
$fotoscudetto=$row['fotoscudetto'];
?>  
	  

  
<table width="490">
<td width="3"colspan="2">[img]scudetti/<?echo[/img]" border="0">
<td width="45"colspan="2">
        <input type="text" style="font-family:tahoma; font-size:11px;" name="campo[]" value="<? echo "$squadra "?>" id="squadra" tabindex="7" size="9"/>
		</td>
		</td>
		
        <td width="50px"colspan="2" >
        <input type="text" style="font-family:tahoma; font-size:11px;"name="campo[]" value="<? echo "$punti"?>" id="punti" tabindex="7" size="1"/></td>
        <td width="50px"colspan="2">
        <input type="text" style="font-family:tahoma; font-size:11px;"name="campo[]" value="<? echo "$vittorie"?>" id="vittorie" tabindex="7" size="1"/></td>
        <td width="50px"colspan="2">

        <input type="text" style="font-family:tahoma; font-size:11px;"name="campo[]" value="<? echo "$perse"?>" id="perse" tabindex="7" size="1"/></td>
        <td width="50px"colspan="2">
        
        <input type="text" style="font-family:tahoma; font-size:11px;"name="campo[]" value="<? echo "$golfatti"?>" id="golfatti" tabindex="7" size="1"/></td>
        <td width="50px"colspan="2">
        
        <input type="text" style="font-family:tahoma; font-size:11px;"name="campo[]" value="<? echo "$golsubiti"?>" id="golsubiti" tabindex="7" size="1"/></td>
        <input type="hidden" name="campo[]" value="<? echo "$id"?>" id="id" >


</table> 
<?
//qui chiudo il ciclo while
}
?>

<center><td width="64"colspan="2">
		<input type="submit" style="font-family:tahoma; font-size:11px;" size="1" value="Aggiorna" /></form></td>

</div></center>
</font>
 
<div id="extra"><font class="fontprofilo">Login</font>



</a>

Recupero Password</font>

</form>  

    </div>
<div id="footer">FOOTER</div>

</div>
</body>
</html>

**carlitosteam** · 08-01-2010, 21:57

Ho risolto eliminando l altezza al div content

Discussione: Problema con il footer

Strumenti discussione

Ricerca discussione

Visualizza

Problema con il footer

Permessi di invio