come mantenere fissa l'altezza del footer

[Wiggaz]

Salve gente.

Mi serve una mano.
Sto creando un sito con joomla ed ho installato un template RT (rt_elemental). Il mio problema è il seguente :
nelle pagine con pochi contenuti, il footer va ad occupare anche metà schermo. Sta veramente male.
Come posso risolvere?
Come posso bloccare il footer o impostare il body in modo tale?

GRAZIE 1000

[dlando]

si vede nulla.
Pagina in Costruzione.

cmq, e' un problema di css.
Probabilmente hai il footer impostato in % e non in altezza fissa in pixel
ma fino a che non vedo la pagina ..

[Wiggaz]

scusa...
nn cio pensato.
cmq ecco qui.

[dlando]

vai nei css del tuo template e assegna un'altezza fissa alla classe #footer
del tipo:
#footer{
 height: 100px;
 ... altre robe ...
}

[Wiggaz]

questo è una parte del mio CSS. prova a darci un occhiata :

Codice: [Seleziona]

/* @end */
#header .wrapper {
position: relative;
}

#header .shadow-r {
height: 109px;
}


img#logo {
position:  absolute;
float: left;
margin-left: 50px;
margin-top: 25px;
width: 240px;
height: 55px;
border: 0;
}

div#topblock {
position: absolute;
right: 26px;
top: 0;
width: 466px;
height: 24px;
line-height: 24px;
text-indent: 10px;
overflow: hidden;
}

div#banner {
position: absolute;
top: 34px;
right: 26px;
width: 468px;
height: 60px;
overflow: hidden;
}

#horiz-menu .shadow-r {
padding-left: 40px;
height: 38px;
}

#divider .shadow-r {
height: 7px;
overflow:hidden;
}

#mainbody .shadow-r {
padding: 0 15px 0 16px;
}

#mainbody td.mainbody.empty {
background: none;
}

td.sidebar {
width: 180px;
}

td.mainbody .padding {
padding: 20px 20px;
}

td.sidebar .padding {
padding: 10px 10px;
}

div#bottom {
margin-top: -8px;
}

#bottom .shadow-r2 {
padding: 0 15px 0 16px;
}

#bottom td.mainbottom.empty {
background: none;
}

#bottom td.mainbottom.empty .padding {
background: none;
}

td.mainbottom .padding {
padding: 15px 10px 0px 10px;
}

#footer .shadow-r {
height: 87px;
padding: 0 16px 0 16px;
}

#footer td.mainfooter {
height: 87px;
text-align: center;
}

#footer td.mainfooter.empty {
background: none;
}

#footer td.sidebar {
background: none;
border: 0;
width: 180px;
}

#footer img#rocket {
width: 145px;
height: 54px;
}

#mainbody td.inset {
width: 110px;
padding-left: 15px;
padding-top: 9px;
}

#mainbody td.subbody {
padding-left: 15px;
padding-top: 9px;
}

come dici di agire?

[dlando]

se non c'e' una rerola del tipo
#footer {
 bla bla bla
}

( dove bla bla bla chiaramente non e' lo scritto reale )

aggiungila e scrivi
#footer{
  height: 200px;
}

vedi se si risolve il problema.
Se proprio, potresi fare :
#footer{
 height: 200px;
 overflow: hidden;
}

[Wiggaz]

nn funziona. 

rimane enooorme.

sia con entrambe le stringhe che hai scritto

[Wiggaz]

cosa posso fare?

qualche altro aiuto?

GRAZIE