Word-wrap (break-word): il testo va su una nuova linea con firefox (ok chrome e IE).

Come da oggetto, allego immagini descrittive:

Firefox:
http://forum.it.altervista.org/membe...ap-firefox.png
-
Chrome:
http://forum.it.altervista.org/membe...rap-chrome.png

Da qui la domanda: "Come fare affinché firefox non mandi il testa a capo"? :|

Questo il codice (php, ma di facilissima comprensione):

Codice PHP:

---

<div style="word-wrap:break-word;">
<?php
if(!empty($ip1)) {
echo '
<span style="color:#00e0ff;font-weight:bold;">', $txt[512], ': </span>', $ip1, '';
}
if(!empty($city)) {
echo '
<hr />
<span style="color:#00e0ff;font-weight:bold;">', $txt['geoplugcity'], ': </span>', $city, '';
}
if(!empty($region)) {
echo '
<hr />
<span style="color:#00e0ff;font-weight:bold;">', $txt['geoplugregion'], ': </span>', $region, '';
}
if(!empty($country)) {
echo '
<hr />
<span style="color:#00e0ff;font-weight:bold;">', $txt['geoplugcountry'], ': </span>', $country, ' (', $countrycode, ')';
}
if(!empty($hostname)) {
echo '
<hr />
<span style="color:#00e0ff;font-weight:bold;">', $txt['hostname'], ': </span>', $hostname, '';
}
if(!empty($agent)) {
echo '
<hr />
<span style="color:#00e0ff;font-weight:bold;">User-Agent: </span>', $agent, '';
}
?>
</div>

---

Ciao Darkwolf,
che versione di Firefox utilizzi? Mozilla ha corretto questo difetto dalla versione 3.5, dalla quale la proprietà word-wrap: break-word funziona. Se non erro bisogna, inoltre, applicare la proprità width al contenitore. :wink:

Saluti,
Kevin

Ora provo ad applicare una larghezza specifica ma uso firefox 3.6.15 :wink:
Niente, me la manda comunque a capo :|
-
Non riesco proprio a capire perché.

Credo sia causato dall'algoritmo che stabilisce dove andare a capo: lo spazio ha una precedenza maggiore rispetto al trattino, dunque mette quella che è per lui un'unica parola in una riga a sé e non essendo lo spazio sufficiente la spezza a sua volta su più righe (poiché lo impone la proprietà break-word).

Grazie per la spiegazione Karl :)
Hai idea se ci sia un modo alternativo per rimediare? :|

Temo di no, questo è l'algoritmo che segue Firefox e non penso possa essere modificato. Per forzare i ritorni a capo potresti inserire degli spazi a larghezza zero (U+200B) dopo i trattini.

Considerando che trattasi di hostname potrei provare a spezzare la stringa e inserire gli spazi a zero tra ogni singolo carattere :)
Ora ci provo, vediamo cosa ottengo :)
-
Edit: al momento ho risolto così:

Codice PHP:

---

$hostname = gethostbyaddr($_SERVER['REMOTE_ADDR']);
$hostname = wordwrap($hostname, 1, "&*#8203;​", true); //senza l'asterisco


---

Anche se crea un po' di casino in caso di copia incolla su notepad++ (ma la visualizzazione è perfetta) :wink:
-
Edit: molto più semplicemente, ho sostituito:

Codice PHP:

---

: </span>


---

con:

Codice PHP:

---

:</span>&*nbsp;


---

:P

scusate l' intrusione io nn conosco php ma volevo sapere se il problema si manifestava anche su html grazie in anticipo