Sovrapposizione div e aggiornamento

[deleted_177]

Ciao a tutti.
Ho disegnato un layout con alcuni div: l'intestazione, il menù laterale, la pagina principale (quella che ospita il contenuto) e il footer. Quando nella pagina principale scrivo un testo cui la lunghezza supera le dimensioni del div, quest'ultimo si allunga sovrapponendosi al footer. Quindi, quando finisco di scrivere, devo sempre ridimensionare il div. Non c'è un modo per far sì che il footer si sposti in basso automaticamente quando si allunga la pagina principale per ospitare il vasto contenuto?

P.S. Quando modifico qualcosa in home, per esempio aggiungo un contenuto, un collegamento ipertestuale o qualche altra cosa, per evitare di aggiornare manualmente tutte le pagine del sito, non posso impostare un comando che li aggiorna automaticamente?

Grazie mille in anticipo.

[perfectgirl963]

Non devi dare lunghezza fissa al div, semplicemente lascia height: auto;

Per l'atro problema puoi crearti le varie parti del layout come pagine singole html e poi metterle insieme con <?php include('pagina.htm'); ?>, ovviamente poi la pagina che contiene tutto dovrà avere estensione php.

[deleted_177]

Per il div il problema non cambia. Non è il problema dell'altezza, bensì di sovrapposizione vera e propria. Il layout non mi dà problemi grazie all'uso dei CSS. Però io vorrei che il footer si spostasse automaticamente in basso man mano che la pagina principale si allunga per ospitare il contenuto, anziché rimanere fisso in quella posizione (a proposito, ho impostato position: absolute).

Grazie.

[perfectgirl963]

Originariamente inviato da F@bius
a proposito, ho impostato position: absolute

Bè direi che è proprio questo il problema. Ti è proprio necessario usarlo?

Comunque posta il codice e vediamo.

[deleted_177]

Al posto di absolute cosa dovrei usare?

Codice del footer:

#Layer14 {
    background-image: url(immagini/wlm_13.jpg);
    width: 737px;
    height: 37px;
    position: absolute;
    left: 120px;
    top: 634px;
  } 

Codice della pagina principale:

 #Layer13 {
  background-image: url(immagini/wlm_08.gif);
  background-repeat: repeat-y;
  background-position: left top;
  width: 591px;
  height: 450px;
  position: absolute;
  left: 266px;
  top: 185px;
  } 

[deleted_177]

up