Ciao, ho una masterpage (ASP.NET) definita in questo modo
<form id="form1" runat="server">
<div class="header">
<div class="header-logo"></div>
<div class="navbar">
<asp:SiteMapPath id="SiteMapPath1" runat="Server" PathSeparator=" > " RenderCurrentNodeAsLink="true" />
|
<asp:LoginStatus ID="LoginStatus1" Runat="server" />
</div>
</div>
<asp:contentplaceholder id="Main" runat="server" />
<asp:sitemapdatasource id="SiteMapDataSource1" runat="server" startingnodeoffset="0" />
<div id="footer-bar">
<div class="bottomleft">
<div class="contenuto">
Testo Testo Testo</p>
<ul>
.....[/list]
</div>
</div>
</div>
</div>
</form>
e un content cosi
<div id="content">
<div id="menu-sx">
</div>
<div id="center-area">
</div>
<div id="menu-dx">
</div>
</div>
il CSS è qualche cosa del tipo:
#content {
position: relative;
width: 760px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 0px
}
#menu-sx {
position: absolute;
border: 0;
top: 0;
left: 0;
width: 190px;
padding: 0px 0px;
margin-left: 0px;
padding-top: 0px; /* Weird Mozilla Bug */
padding-bottom: 40px; /* Weird Mozilla Bug */
}
#menu-dx {
position: absolute;
border: solid 1px #dbdfe4;
top: 0;
right: 0;
width: 180px;
padding: 0px 0px;
margin-left: 0px;
padding-top: 0px; /* Weird Mozilla Bug */
padding-bottom: 40px; /* Weird Mozilla Bug */
}
#center-area {
position: relative;
top: 0;
left: 0;
width: 370px;
border: 0;
padding: 0px 0px;
margin: 0 183px 0 205px;
}
#footer-bar {
width:760px;
height:30px;
clear:left;
padding-bottom:8px;
font-size:11px;
margin-left: auto;
margin-right: auto;
padding: 3px 0px;
}
#footer-bar .contenuto {
float:left;
height:28px;
line-height:28px;
background-image: url(Images/BKGMenu.gif);
background-repeat: repeat-x;
border-bottom:50px #FFF;
}
footer-bar .bottomleft {
background:#89CE73 url(Images/footer.gif) bottom left no-repeat;
height:33px;
}
il CSS che ho creato è corretto??? Vorrei avere vostra conferma...
in caso affermativo ho questo problema: il footer (presente nel master) viene visualizzato correttamente (in fondo a tutti i contenuti) solo se l'area centrale è abbastanza lunga, in caso contrario si sovrappone alle barre laterali, questo vuol dire che la parte centrale (che condiziona il footer) deve essere sempre piu lunga delle aree SX e DX... Dove ho sbagliato??
Grazie