Il div flottante con larghezza in percentuale non si adatta al contenuto

[Mich_]

Credo che devi dare:

  float: left;
  min-width: 33%;
  width: auto;   /* questo dovrebbe essere default */

[Reiuky]

Credo che devi dare:

  float: left;
  min-width: 33%;
  width: auto;   /* questo dovrebbe essere default */

(mamma mia che giro assurdo per provare quella modifica )

Uhm... risolve il problema quando c'è l'immagine, ma se c'è un testo, si allarga fino al 100%

Esempio:

<div>
<div style="min-width:32%;" class="FloatLeft">
	<img width="622" src="http://localhost/Alpha/Immagini/cipolla2.jpg">
</div>
</div>
<div style="min-width:32%;" class="FloatLeft">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et risus hendrerit nunc feugiat venenatis ut nec purus. Nunc porta nisi ut velit cursus, tincidunt elementum mi interdum. Mauris quam ligula, congue nec lectus sed, euismod aliquam erat. Etiam sit amet massa mauris. Suspendisse elementum euismod massa sit amet rutrum. Praesent condimentum mi quis lectus pulvinar, et molestie enim viverra. Vivamus viverra consequat velit, sed fermentum massa luctus vel. Fusce rhoncus ligula tincidunt, maximus felis a, auctor eros. Sed dui ligula, porttitor id dolor quis, egestas maximus diam. Nullam ullamcorper, felis ac mattis pretium, neque lorem aliquam enim, non varius ante nisl sed turpis. Sed dictum augue eros, id sodales dui mollis ut. Nunc turpis eros, mollis fermentum ligula a, mollis porta nunc. Proin eu felis ipsum. Pellentesque venenatis vitae mauris quis viverra. Duis nec lectus viverra mauris sollicitudin vulputate ut eu odio. Fusce vestibulum viverra risus, at lobortis lorem pellentesque sed.</p>
</div>
</div>

Purtroppo deve funzionare in più situazioni, con del testo dentro (al che lo deve confinare al 33%), con una immagine etc.

[Reiuky]

Aspetta... è pure peggio di quello che pensavo: se gli dico "min-width:33%;width:auto", cerca di allargarsi al 100% (e ci riesce)

[Prill]

Aspetta... è pure peggio di quello che pensavo: se gli dico "min-width:33%;width:auto", cerca di allargarsi al 100% (e ci riesce)

La larghezza sarà del 33% e la larghezza minima 400px (ma larghezze minime andranno probabilmente impostate anche sui contenitori)

[Reiuky]

La larghezza sarà del 33% e la larghezza minima 400px (ma larghezze minime andranno probabilmente impostate anche sui contenitori)

Dovrei conoscere il contenuto del contenitore per fare queste impostazioni... era quello che volevo evitare. Speravo si potesse fare con il css (come potete immaginare è un programma che impagina)