div troppo piccolo

[alessandrocarul]

Ciao a tutti (o meglio uona notte vista l'ora)


Mi sapreste dire perchè in un div che ho creato

div.post {
background-color: #ffffff;
margin: 10px;
padding: 5px;
overflow: visible;


}

Se metto una immagine e poco testo, il div non diventa grande come l'altezza dell'immagine ma mi sborda dal div?? (come si vede nell'immagine allegata?)

Ho sempre problemi con l'altezza dei div

Ciao!

[ricman]

Originariamente inviato da alessandrocarul
Se metto una immagine e poco testo, il div non diventa grande come l'altezza dell'immagine ma mi sborda dal div??

Forse l'immagine è "float:left" ... prova a spippolare sulla foto...

[alessandrocarul]

hemmmm..... che intendi per spippolare sulla foto?

Per l'immagine i tag CSS sono:

img{
padding:4px;
border:1px solid #ccc;
max-width:250;
margin:0px 6px 6px 0;
}
a img {
border: none;
}
img.left{
float: left;
cursor: pointer;
}

e il codice inserito nell'html è:

[img]img/immagini/1149117788_mole1.jpg[/img]


Un esempio dell'errore lo puoi vedere da quì
http://acarulli.altervista.org/blog/

Qualche consiglio?

[ricman]

Originariamente inviato da alessandrocarul
...
img.left{
float: left;
cursor: pointer;
}
...
Qualche consiglio?

Ecco, vedi? E' sicuramente colpa del float:left come dicevo prima... (se tu lo togliessi funzionerebbe tutto... a parte la brutta formattazione).

Consigli... non so... devo imparare anch'io la soluzione...

Chiedo l'aiuto del pubblico!!

[Mich_]

A mio parere il problema sta nell' overflow.
E anche nel float, per quello.

Comunque prova ad inserire dentro il <div> , dopo la fine del testo, prima del </div>
<p class="chiudi">&amp;nbsp;</p>

dove alla classe darai gli attributi CSS:
chiudi {
font-size: 1px;
clear: left;
}

[ricman]

Originariamente inviato da Mich_
A mio parere il problema sta nell' overflow.
E anche nel float, per quello.

Comunque prova ad inserire dentro il <div> , dopo la fine del testo, prima del </div>
<p class="chiudi">&amp;nbsp;</p>

dove alla classe darai gli attributi CSS:
chiudi {
font-size: 1px;
clear: left;
}

Già... io uso spesso l'hr per il clear, mi trovo meglio...

[alessandrocarul]

Originariamente inviato da Mich_
A mio parere il problema sta nell' overflow.
E anche nel float, per quello.

Comunque prova ad inserire dentro il <div> , dopo la fine del testo, prima del </div>
<p class="chiudi">&amp;nbsp;</p>

dove alla classe darai gli attributi CSS:
chiudi {
font-size: 1px;
clear: left;
}

Funziona egregiamente!!

Grazie mille!