container che si allunga

[rocco.mod]

salve ragazzi ho un problema ho il container del sito che si allunga e supera il footer perche ?

div#container
{
position: relative;
width:930px; margin: 0 auto;
border-width: 0 1px; border-style:solid; border-color: #ccc;
background-color: #ffffff;
height:100%;
height:auto !important;
min-height:800px !important;
max-height:100% !important;
}

sembra propio che non rispetti gli stili perche ?

[rocco.mod]

ragazzi confido nel vostro aiuto grazie

[bionicoz]

Cosa non rispetta, di preciso? Il max-height:100% è riferito al contenitore, se questo è più lungo dell'area visualizzabile, sicuramente anche il tuo div#container lo sarà.

[rocco.mod]

ciao si il maxheigh non lo considera e il contenitore esce supera anche il footter

html{
margin: 0;
padding:20px;
    background-color: #333333;
    background-repeat: repeat;
    
}
body
{
margin: 0;
position:relative;
    
}
div#container
{
position: relative;
width:930px; margin: 0 auto;
border-width: 0 1px; border-style:solid; border-color: #ccc;
background-color: #ffffff;
height:100%;
height:auto !important;
min-height:800px !important;
max-height:100% !important;
}
/*stili generici, su header e footer 
*/
div#header{height: 140px;
background-color:#36C;color: #ff0 ;
margin-top:20px;

}
.logoheader{background-image:url(images/img_template/header.png) ;
  color:#fff;
  min-height:140px;
  margin:0 !important;
}
#logo 
{
  color:#ededed;
  padding-left:50px;
  padding-top:30px;
  text-transform:none;
  font-family: Verdana, Arial, Helvetica;
}
.header1{
padding-left:70px; font-family: Verdana, Arial, Helvetica; color:#ededed;
}

div#footer a{color:#fff;font-weight: bold;text-decoration: underline}
div#footer{
 padding: 5px 0;
 position:absolute; bottom:0; 
 width:100%; 
background: #d1e2f1 url(./../../templates/default/images/img_template/footbg.png) repeat-x top left;
background-color: #69c; color: #fff; text-align:right;}

[bionicoz]

Il solo css senza l'html è di poco uso, l'ideale sarebbe avere una demo online, per capire e cercare di risolvere il problema.

[rocco.mod]

Ecco il codice html

<{include file="header.tpl"}>
<div id="container"><div id="header">
<!--  <<<<<<<CONTENUTO HEADER>>>>>>>>>> -->
<div class="logoheader"><h1><{$titlecms}></h1></div> 
<!--  <<<<<<< FINE CONTENUTO HEADER>>>>>>>>>> --></div>
<{if $modules_left  == 1 or $modules_duble == 1 }> 
<div id="navigation" class="rounded">
<!--  <<<<<<<CONTENUTO SINISTRO>>>>>>>>>> -->  
<{include file="modulesleft.tpl"}>           
 <!--<<<<<<<CONTENUTO SINISTRO>>>>>>>>>>-->           
</div>          
<{/if}>             
<{if $modules_right  == 1 or $modules_duble == 1 }>            
<div id="extra" class="rounded">            
<!--  <<<<<<<CONTENUTO DESTRO>>>>>>>>>>-->          
 <{include file="modulesright.tpl"}>            
<!--<<<<<<<CONTENUTO DESTRO>>>>>>>>>> -->          
 </div>              
<{/if}>            
<div id="content" class="rounded">            
<!--<<<<<<<CONTENUTO CENTRALE>>>>>>>>>>      -->            
<{if $error_login }>
<div style="text-align:center; background-color:#FFEAEA; width:100%; padding-top:5px; padding-bottom:5px; border: 1px solid #E82A2A; " > Username O Password Unknown<!--<{$pass}>--></div><{/if}>                         
<{$pag_cms.contents}>            
<!--<<<<<<< FINE CONTENUTO CENTRALE>>>>>>>>>> -->           
</div>            <div id="footer" >            
 <!--  <<<<<<<CONTENUTO FOOTTER>>>>>>>>>> -->          
 <p>MyHardware.org</p>           
</div>       
</div> 
<{include file ="footer.tpl"}>

[rocco.mod]

Ciao per favore mi potete suggerire dove sbaglio

[Prill]

non ha molto senso che l'altezza minima debba essere 800px e quella massima il 100%, per esempio a una risoluzione di 1366*768, considerando le barre del browser, lo spazio disponibile in altezza sarà intorno a 600px, che sono superiori al 100%.

Piuttosto potrai indicare sul container un'altezza minima del 100% (ma l'altezza va specificata anche su html e body) e il footer sarà al fondo, ma dopo il container avrai un div con tutti gli altri contenuti (senza specificazione di altezza e con un padding-bottom corrispondente all'altezza del footer - per non avere sovrapposizioni)

[Experiment8]

Ciao,

concordo con Prill, agiungo anche che la heigth settata al 100% non si riferisce all'altezza in base alla finestra, ma in base al contenuto, dunque anche se quel container fosse alto 1600px la regola del max-height non sarebbe infranta perché la height è appunto il 100% dell'ingombro totale del contenuto.

Se non vuoi mai che scenda sotto il footer e non vuoi scroll verticale della pagina devi per forza di cose inserirlo in position absolute o fixed e settare il posizionamento adeguato di bottom top right e left per evitare che sbordi, ma poi ci sarebbe da gestire anche lo scroll del contenuto interno nel caso l'altezza del contenuto sia maggiore di quella disponibile, liè tutto un'altro discorso.