Ciao a tutti allora ho in pratica un div main che prende tutte la pagina all'interno del quale ci sono il div left, center, right e footer. metot il codice di center:
@charset "UTF-8";
/* CSS per la colonna centrale */
#center {
float: left;
height: 100%;
width: 603px;
}
#center-top {
background-image:url(../immagini/comproqui/main/pages/head/center_top.jpg);
width:603px;
height:31px;
float: left;
overflow: hidden;
}
#center-body {
width:603px;
float: left;
background-image: url(../immagini/comproqui/main/pages/head/center-body.jpg);
background-repeat: repeat-y;
background-position: center top;
min-height: 1550px;
height: auto !important;
height: 1550px;
}
center body va dentro center sotto center top
e per il div right:
@charset "UTF-8";
/* CSS per la colonna di destra */
#right {
float: left;
height: 100%;
width: 199px;
}
#r1 {
float: left;
height: 29px;
width: 199px;
overflow: hidden;
}
#right-spacer {
float: left;
height: 100%;
width: 10px;
overflow: hidden;
}
#right-body {
float: left;
height: 100%;
width: 179px;
overflow: hidden;
}
qui r1 va dentro right, e sotto ci sono right spacer e poi right body.
Il mio problema è che le colonne center e right sono caricate dinamicamente. inizialmente credevo che la center sarebbe stata semrpe la più lunga infatti avevo provveduto con questo e il trick per ie:
#center-body {
width:603px;
float: left;
background-image: url(../immagini/comproqui/main/pages/head/center-body.jpg);
background-repeat: repeat-y;
background-position: center top;
min-height: 1550px;
height: auto !important;
height: 1550px;
}
tuttavia ho constato che in alcuni casi la colonna right-body è più lunga di center-body. Come potete vedere in center-body c'è un'immagine che deve andare a toccare il footer (altro div ch va a finire sotot tutto in pratica). quindi in caso il right sia più lungo di 1550px rimane uno spazio bianco tra il center e il footer...la mai domanda è quindi come faccio a fare in modo che l'immagine nel center sia ripetuta semrpe, sia nel caso un cui center sia più lungo di right o viceversa, fino al footer.
grazie a tutti quelli che mi risponderanno

Rispondi quotando