ritorno div sovrapposti

**lala** · 24-10-2005, 21:29

Salve a tutti,

ho visto che il mio problema è già stato detto in questo forum,ma in alcuni casi ci sono state risposte ma che non andavano bene al mio caso in altre no.

Il mio caso è il seguente:

ho due div uno a destra(è un menu) e uno a sinistra entrambi hanno uno sfondo e entrambi ne contengono due che contengono del testo.
Ed infine un footer in fondo
Avviene questo: il footer sovrappone il div di destra(menu) se alla sua sinistra il div è molto più corto

Come posso fare??
Ho già provato con heigh:auto;

Help me!!!!!

**Mich_** · 25-10-2005, 08:38

Immagino che i due div affiancati hanno un float.

Hai messo il clear corrispondente nel footer?

**lala** · 25-10-2005, 11:16

Si hanno un float e il footer ha il clear.

Grazie

**Mich_** · 25-10-2005, 11:52

Posta il codice HTML e CSS (bastano gli oggetti che danno problema, cioe` puoi omettere oggetti interni ai tre che hai citato prima).

**lala** · 25-10-2005, 12:00

Scusa,non ho capito cosa dovrei fare...

Grazie

**ALFABreezE** · 25-10-2005, 12:45

Originariamente inviato da lala
Scusa,non ho capito cosa dovrei fare...

Ci devi far vedere il codice (sia HTML che CSS), sennò non sappiamo di che parli e non possiamo capire dove sta il problema ;-)

cià
ale

**lala** · 25-10-2005, 13:14

ok,

<div id="leftsfondo"><div id="left"></div></div> flottati a destra
<div id="main"><div id="inside"></div></div> flottati a sinistra
<div id="footer"></div> clear both

allora la struttura è questa quando il il main è più corto del divleft il footer si sovrappone,e mi copre il div left me lo taglia nella parte finale

i due div leftsfondo main sono solamente due div che fanno da sfondo,e il contenuto è al suo interno nel left e inside

riportarvi il codice completo è un casino è pieno di grafica(purtroppo)

ho messo anche height:auto; ma non gli frega nulla

**Mich_** · 25-10-2005, 14:49

Adesso possiamo supporre che quello sia il codice HTML, e che ci sia qualcosa dentro il <div> (altrimenti tutto il discorso crolla).

Ora devi farci vedere il CSS che si riferisce a TUTTI quei <div>. Ma non scriverlo a mano: fai il copia-incolla; in qualche caso un carattere sballato fa vedere un errore da qualche altra parte.

**lala** · 25-10-2005, 15:05

si nei div ovviamente,a sinistra ci sono due liste è un menu,e a destra all'interno dei due div c'è una tabella che contiene dei dati

#left{
padding-left:0px;
padding-right:0px;
margin-left:0px;
background-image:url(immagini/left.gif);
background-repeat:no-repeat;
width:211px;}

#leftsfondo{
float:left;
padding-left:0px;
padding-right:0px;
margin-top:11px;
margin-left:22px;
/*margin-left:20px;*/
background-image:url(immagini/left2.gif);
width:211px;}

#main{
float:left;
padding:0px;
margin-top:12px;
margin-bottom:0px;
width:682px;
margin-left:265px;
}

#inside{
background-image: url("immagini/top_main.gif");
background-repeat:no-repeat;
margin-top:0px;
padding-top:0px;
width:682px;
}

#footer{
background-image:url
(immagini/footer.gif) ;
background-repeat:no-repeat ;
width:992px;
/*height:48px;*/
margin-bottom:0px;
margin-top:0px;
clear:both;
padding:0px;
}

**Mich_** · 25-10-2005, 15:41

Il tutto e` un po' sovrabbondande come codice, e ci sono dei conflitti: non mi meraviglia che il browser faccia a modo suo.

Ci sono errori nel conto delle larghezze. Ad esempio:
Il div inside dovrebbe essere 684 px (682 + 2 di border) e non puo` stare dentro il div inside.
Ancora peggio il div Main che e` largo 927 ...

Prova a fare una pagina nuova, fatta cosi`:

codice:

body {
  width: 100%;
}
#left {
  padding: 0;
  margin: 0;
  border: 0;
  background: url(immagini/left2.gif) no-repeat;
  width: 211px;
  float: left;
}
#main
  float: left;
  padding: 0;
  border: 0;
  margin: 12px 0 0 0;
  background: url(immagini/top_main.gif) no-repeat;
  width:682px; 
}
#footer{
  background: url(immagini/footer.gif) no-repeat ;
  width: 992px; /* questo e` troppo largo */
  margin: 0;
  padding: 0;
  border: 0;
  clear: both;
}

con un HTML di questo tipo:

codice:

<body>
  <div id="left">flottati a sinistra</div>
  <div id="main">flottati a sinistra</div>
  <div id="footer">footer</div>
</body>

Nota che il tutto e` troppo largo per molti computer, ma questo esula dal problema specifico.

Discussione: ritorno div sovrapposti

Strumenti discussione

Ricerca discussione

Visualizza

ritorno div sovrapposti

Permessi di invio