Ho un problema con il footer su joomla. Non riesco a farlo stare in basso. Ho lavorato e rilavorato sul css ma senza risultati. Temo sia un problema di incompatibilità tra cms e le regole di css. Qualcuno saprebbe indicarmi la retta via?
di seguito posto l'index e il foglio di stile:
<body>
<div id="contenitore">
<div id="header">
</div>
<div id="topmenu">
<?php if (mosCountModules( "user3" )) { ?><?php mosLoadModules ( 'user3',-1); ?><?php } ?>
</div>
<div id="contenuti">
<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>
---------------
/* 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;
}
Sarei grato a chiunque volesse aiutarmi.
Grazie!!
