ho la necessità di realizzare un layout a 2 colonne che per motivi di design devono essere alte il 100%, il problma nasce quando devo allineare un'immagine in basso a sinistra delle prima colonna.
Il posizionamento di quest'ultima è assoluto ma quando carico una pagina con contenuto più grande della finestra questa non segue lo scrolling ma rimane alla posizione iniziale.
Codice PHP:<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Untitled</TITLE><STYLE>/* mac hide\*/
html, body {height:100%;min-height:100%;}
/* end hide */
body {
padding:0;
margin:0;
min-width:760px;/* for mozilla*/
color: #000000;
}
#left {
position:relative;/*ie needs this to show float */
width:120px;
float:left;
background-color: #F2E3EE;
height:100%;
min-height:100%;/* for mozilla*/
}
#left div{
position:absolute;
width:120px;
left: 0px;
bottom:0px;
}
#main {
position:relative;/*ie needs this to show float */
width:420px;
float:left;
background-color: #ccE3EE;
height:100%;
min-height:100%;/* for mozilla*/
}
</STYLE>
</HEAD>
<BODY>
<DIV id="left">qui metterei il menu
<DIV>Qui un'immagine fissa in basso a sinistra</DIV>
</DIV>
<DIV id="main">
<DIV>contenuti
sdasdasda
sda
sdasda</DIV>
</DIV>
</BODY>
</HTML>
Rispondi quotando