Problema testo e box

[starbuck]

Ho un menù a due layout, la colonna di sinistra è così fatta:

#contenitore_sx{
position:relative;
width: 150px;
background: transparent;
height:100%;
float:left;

}


Quando nel file html scrivo qualcosa dentro il contenitore, i caratteri al termine della sua larghezza (150px non vanno a capo automaticamente come accade nella colonna di destra ma "fuoriescono"....come mai ?

[Stainboy]

prova con un text-align: justify;

[starbuck]

Niente....è come se il testo non fosse contenuto nel box

[starbuck]

Forse mi sono spiegato, cercherò di farmi capire meglio.

Se mi creo un box con larghezza prefissata e height:auto; in teoria potrei scriverci dentro un paragrafo lungo quanto mi pare con la certezza di avere sempre tutti i caratteri digitati all'interno del box perchè tanto l'altezza si adeguerà di conseguenza...giusto?

Bene allora mi spiegate perchè ...i caratteri del paragrafo non mi vanno a capo automaticamente e traboiccano fuori dal box ???????

[Mich_]

E` difficile spiegare una cosa che non si conosce.

Qualche volta, con problemi simili, mancavano degli spazi che permettessero al browser di spezzare la stringa.

[Stainboy]

Originariamente inviato da starbuck
Forse mi sono spiegato, cercherò di farmi capire meglio.

Se mi creo un box con larghezza prefissata e height:auto; in teoria potrei scriverci dentro un paragrafo lungo quanto mi pare con la certezza di avere sempre tutti i caratteri digitati all'interno del box perchè tanto l'altezza si adeguerà di conseguenza...giusto?

Bene allora mi spiegate perchè ...i caratteri del paragrafo non mi vanno a capo automaticamente e traboiccano fuori dal box ???????

Credo di aver capito il tuo problema.. è lo stesso che ho avuto io nel sito che ho in firma (magari una controllatina al codice ti darà qualche idea).

#contain-default {
	width: 75%;
	margin: 140px auto;
	padding: 10px;
	background-color: #fff;
	border: 5px solid #fff;
     border-left-color: #766462;
     border-right-color: #766462;
     border-bottom-color: #766462;
     border-top-color: #766462;
     text-align: justify;
     color: #000;	
     font-family: Apple;
     font-size: 11pt;
}
#contain-default {
	width: 300px;
}

Questo è il codice del mio container, la situazione è pressappoco la stessa che hai tu, un box di dimensioni fissate e anche a me all'inizio le scritte uscivano fuori.. solo che non ricordo come ho risolto il problema

[starbuck]

Originariamente inviato da Mich_
E` difficile spiegare una cosa che non si conosce.

Qualche volta, con problemi simili, mancavano degli spazi che permettessero al browser di spezzare la stringa.

Esatto proprio questo....pensavo che i browser spezzassero automaticamente le stringhe facendole andare a capo.

[Mich_]

Originariamente inviato da starbuck
Esatto proprio questo....pensavo che i browser spezzassero automaticamente le stringhe facendole andare a capo.

NO.
I browser non si permettono di agire sulle stringhe (pensa agli indirizzi Web: se li tagliassero non funzionerebbero piu`).
E` una cosa cui devi pensare lato server: Se i tuoi dati permettono di essere spezzati, devi inserire uno spazio nella posizione piu` opportuna (ma ricorda che non puoi conoscere la dimensione del font dell'utente: sarebbe piu` semplice se la dimensione del blocco fosse in em: prova a mettere width: 12em; e spezza la stringa ogni 18 caratteri - poi vedi tu le dimensioni migliori)

[starbuck]

Per esempio se ho un box che per necessità deve avere una larghezza di 150px e al suo interno scrivo la stringa xxxxxxxxxxxxxxxxxxxxxxxxxxxkkkkkkkkkkkkkkkkkkkkkkk kkkk come faccio per far andare automaticamente a capo la stringa al raggiungimento dei 150px di laghezza ?

[Mich_]

Non puoi farlo. Non ci sono strumenti che riescono a mettere in relazione le misure in px con i font.
Infatti non puoi sapere la dimensione del font che usa l'utente.

Come ho gia` detto, e` molto piu` facile se la larghezza e` espressa in em (vedi risposta sopra).