Footer impazzito joomla

tiger

Footer impazzito joomla

Ciao!!

Ho un grande problema con joomla. Mi sono creato un template e non riesco a tenere il footer sul fondo della pagina. Vi posto il codice dell'index:

<body>

    <div id="header">
    
    </div>

<div id="left"><?php mosLoadModules ('left',-3);?></div>
<div id="main"><?php mosMainBody(); ?></div>
<div id="right"><?php mosLoadModules ('right',-2);?></div>
<div id="footer"><?php include_once('includes/footer.php');?></div>

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

e il css:

/* M A I N */

body{
margin-top:5px;
margin-bottom:0;
padding:0;
font:10pt Verdana, Tahoma, Helvetica, sans-serif;
color:#666666;
background:#A9A9A9 url(../images/background.gif) center repeat-y !important;
background-image:url(../images/background.gif) center repeat-y;
background-color:#A9A9A9;
height:auto;
overflow:auto;
bottom:0px;
text-align:center;
}

/* C O N T E N I T O R E */

#contenitore {
width: 900px;
font:10pt Verdana, Tahoma, Helvetica, sans-serif;
color:#666666;
height: 100%;
margin: 0 auto;
text-align: left;
}

/* H E A D E R */

#header {
position: relative;
width:900px;
height:190px;
margin-top:0;
background:#fff url(../images/Top_wpd.gif);
}

/* C O N T E N U T I */

#contenuti{
margin:0;padding:0;
width:900px;
height:100%;
margin-top:0;
background-position:top left;
}

#left{
float:left;
width:148px;
height:100%;
font-family:10pt Verdana, Tahoma, Helvetica, sans-serif;
color:#ffffff;
background:url(../images/left_menu.gif);
background-position: bottom;
margin-top:0px;
margin-bottom:0px;padding-top:0px;
}

#main{
float:left;
background:#ffffff;
width:568px !important;
width:603px;
height:100%;
margin:0;
margin-left:0;
padding-top:0;
padding-left:20px;
padding-right:15px;
table-layout:fixed;
overflow:hidden;
}

#right{
float:right;
width:109px !important;
width:149px;
height:auto;
overflow:hidden;
margin:0;
padding-left:20px;
padding-right:20px;
background:url(../images/right_menu.gif);
font-family: Verdana, Tahoma, Helvetica, sans-serif;
font-size:9pt;
color:#FFFFFF;
}

#footer{
color:#00BFFF;
background:url(../images/footer.gif)no-repeat !important;
background-image:url(../images/footer.gif)no-repeat;
padding-top:38px;
height:38px !important;
height:76px;
width:900px;
bottom:0;
position:absolute !important;
font-size:10pt;
text-align:center;
}

Sapete aiutarmi????? Ve ne sarei molto grato.

trancedesigner

nel footer devi mettere:

clear:both;

achille

tiger

Ho provato ma non funzia...sono riuscito comunque a tenerlo nel fondo aggiungendo questo prima del div:

quindi ho messo:

#footer{
color:#00BFFF;
background:url(../images/footer.gif)no-repeat !important;
background-image:url(../images/footer.gif)no-repeat;
padding-top:38px;
height:38px !important;
height:76px;
width:900px;
bottom:10px;
position:absolute;
font-size:10pt;
text-align:center;
}

ora si presenta un altro problema....non mi riconosce i margin e lo sfondo non c'è....

trancedesigner

posta il sito e vediamo...

achille

tiger

E' ancora in locale..

il contenuto l'ho già postato..