Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
HTML / CSS - ridimenzionare div in base al contenuto
Forum - HTML / CSS - ridimenzionare div in base al contenuto

Avatar
alex1995 (Normal User)
Expert


Messaggi: 294
Iscritto: 27/01/2011

Segnala al moderatore
Postato alle 12:50
Giovedì, 27/09/2012
buon giorno, ho un div che se scrivo troppo testo se ne esce fuori, ho provato ad usare min-height ma non funziona il testo esce lo stesso fuori dal div. come devo fare?

PM Quote
Avatar
Bonny (Member)
Expert


Messaggi: 437
Iscritto: 24/04/2009

Segnala al moderatore
Postato alle 13:12
Giovedì, 27/09/2012
Devi inserire una scrollbar nel div.
Ho trovato questo tutorial descritto bene fa proprio al caso tuo:
http://www.html.it/articoli/div-con-scrollbar-e-cornici-1/

PM Quote
Avatar
Qwertj (Dev Team)
Guru


Messaggi: 678
Iscritto: 30/05/2011

Segnala al moderatore
Postato alle 15:52
Giovedì, 27/09/2012
Non è overflow, ma word-wrap la rule che ti serve
Codice sorgente - presumibilmente Plain Text

  1. #miodiv {word-wrap: break-word;}



Se hai impostato un'altezza/larghezza fissa, allora dovresti usare overflow: hidden se vuoi che nasconda il contenuto in eccesso, visible se vuoi che si veda, scroll se vuoi che appaiano le classiche scroll bar (attento però che saranno visualizzate anche quando non servono su alcuni browser).
Altrimenti c'è il valore auto che mette le scrollbar se il contenuto eccede, altrimenti no

PM Quote
Avatar
alex1995 (Normal User)
Expert


Messaggi: 294
Iscritto: 27/01/2011

Segnala al moderatore
Postato alle 14:58
Venerdì, 28/09/2012
io volgio che il div si "allunghi" in base al test si può fare?

PM Quote
Avatar
Qwertj (Dev Team)
Guru


Messaggi: 678
Iscritto: 30/05/2011

Segnala al moderatore
Postato alle 15:03
Venerdì, 28/09/2012
overflow: auto. Se vuoi che abbia sempre un'altezza minima allora imposti anche min-height (ma non height)

PM Quote
Avatar
carlduke (Member)
Pro


Messaggi: 153
Iscritto: 29/01/2011

Segnala al moderatore
Postato alle 15:05
Venerdì, 28/09/2012
Testo quotato

Postato originariamente da alex1995:

io volgio che il div si "allunghi" in base al test si può fare?



se tu non imposti le proprieta' "width" e "height", la div si ridimensiona in base alla lunghezza del contenuto, poi setta il padding per posizionare il testo come vuoi

:k:

Ultima modifica effettuata da carlduke il 28/09/2012 alle 15:09
PM Quote
Avatar
alex1995 (Normal User)
Expert


Messaggi: 294
Iscritto: 27/01/2011

Segnala al moderatore
Postato alle 16:04
Mercoledì, 10/10/2012
grazie :)

PM Quote