ho questo layout di partenza e devo fare delle modifiche che mi stanno rendendo la vita difficile
Codice PHP:
<style>
#box
{
}
#header
{
height : 30px;
}
#mainMenu, #footer
{
color:white;
height : 30px;
background-color : darkblue;
}
#multiFunction
{
min-width : 1012px;
height : 30px;
background-color : tomato;
}
#subMenu
{
float : left;
width : 140px;
height:100%;
background-color : lime;
overflow:auto;
}
#mainContent
{
float : left;
min-width : 872px;
height:100%;
background-color : yellow;
}
#globalItem
{
width : 100%;
height : 30px;
background-color : Aqua;
}
#working
{
min-width : 872px;
height : 100%;
background-color : Fuchsia;
}
#footer
{
position : absolute;
bottom : 0;
left : 0;
width : 100%;
height : 20px;
background-color : #999999;
color : White;
}
</style>
<div id="box" >
<div id="header">
header
</div>
<div id="mainMenu"/>
menu
</div>
<div id="multiFunction">
multiFunction
</div>
<div id="subMenu">
subMenu
</div>
<div id="mainContent">
<div id="globalItem">
globalItem
</div>
<div id="working">
working
</div>
<div id="message">
message
</div>
</div>
</div>
<div id="footer"/>
footer
</div>
Quello che dovrei fare è questo:
-. portare l'altezza del subMenu fino in fondo alla pagina
-. l'area globalItem e la message, hanno altezza fissa e quindi la working dovrebbe prendere tutto lo spazio di sponibile
-. ultima cosa e forse + complicata è rendere l'area messaggi a scomparsa adattando alla sua altezza anche l'area di working
ringrazio per l'aiuto