Impazzire per un CSS | Luciano Giustini

Impazzire per un CSS


 

Beware of delicious? E' esattamente un'ora che sto sbattendo la capoccia su un box che non vuole fare il suo dovere. Come potete vedere a destra, ho implementato il box di delicious. Con Firefox viene perfettamente. Tutto ok, funzionalissimo.

Ora provate a vedere il blog con Internet Explorer (ver. 6, quella normalmente installata con XP): layout distrutto. Il motivo è che le righe dei titoli del box delicious non vanno a capo.

PERCHE'?

Ci sto letteralmente impazzendo. Delicious usa delle classi Css molto semplici, queste:

.delicious-posts { margin: 0.5em; padding: 0.1em; font-family: sans-serif;}
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0; }
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; }
.delicious-odd { background-color: #f8f8f8; }
.delicious-banner a { font-size: 70%; }
.delicious-posts a:hover { text-decoration: underline; }
.delicious-posts a { text-decoration: none; color: #777; padding: 0; }
.delicious-post a { color: #04a1ff; }
.delicious-link { word-wrap: break-word; }

In tutti i casi (eliminandole, cambiandole, modificando il codice) non cambia nulla: le righe continuano a non andare a capo. Per capirci, è come se ci fosse un tag <NOBR> ad ogni inizio riga. Ma non c'è (non credo. Sarebbero pazzi).
Per disperazione nell'ultima ho aggiunto il tag word-wrap: break-word; descritto da Microsoft ma non cambia nulla. Ho provato col tag wrap-option descritto da W3C in CSS3 (ma non so se IE lo implementa): niente.

Chiedo aiuto ai guru CSS, se qualcuno passa da queste parti, prima che inizio a sbattere la testa al muro.

update
Ho trovato il problema: è il box di Google che crea casino. Ora devo solo verificare il codice per capire cos'è che manda all'aria IE.


Add New Comment

comments powered by Disqus

1 Comment

Mi accodo alla richiesta: ho un problema simile con una Table che vorrei fissa nella pagina: imposto position:fixed e con firefox e opera il tutto funziona perfettamente ma con IE niente; come se non ci fosse nessun attributo di position.
Suggerimenti?....
grazie

Movable Type platform comments
Ciao 54.80.227.189!
Laureato in Ingegneria informatica e in Scienze dell'Informazione e Comunicazione (LM-19), mi occupo di processi digitali sui social media. Insegno in percorsi di approfondimento in Comunicazione e nuovi media all'Ateneo Pontificio Regina Apostolorum e all'Università di Tor Vergata. Ho fondato la rivista telematica Beta e l'agenzia di notizie IT News, sono stato technology visionary in TEDxViadellaConciliazione, e faccio consulenza con LG Studio.
Contattami o seguimi su Twitter @lucianog!
Social
+

Powered by MailChimp - Articles and selected news.

 

Recent Entries

La seconda laurea e l'insegnamento (da trarne)
Il 18 maggio ho conseguito la mia seconda laurea, in Scienze dell'informazione, della comunicazione e dell'editoria all'Università degli Studi…
Roma, o delle elezioni capitali
(post in aggiornamento) Come avevo scritto su Facebook, sto facendo una personale misurazione, senza alcuna pretesa scientifica, ma ad…
Qualcosa sull'automobile: dal diesel(gate), alle alternative a idrogeno ed elettrico
(Il post è stato aggiornato dopo la pubblicazione) (foto: l'algido ed inetto - dal punto di vista comunicativo -…
L'incontro tra due Grandi della storia
L'incontro tra due Grandi, due rivoluzionari, ognuno a suo modo. In questi anni di trasformazione (per me) ho capito che…
Papa Francesco e i suoi binari comunicativi tra innovazione ed equilibrio
Di fronte alle continue critiche rivolte da alcuni miei amici "cattolici" (o gattolici come si evince da una peculiare…

Twitter

Altri miei blog

  • luciano's Tumblr - small pics and quick quotes
  • lucianogiustini.Wordpress.com - metablog
  • Parole di Vita - pensieri spirituali
  • Belle parole - letture di blog quotidiani
  • Nosce - pillole di psicologia
  • The Morning Express - early day reflections
  • LGpost.com - content curation