Impazzire per un CSS | Luciano Giustini
Attenzione! Questa è una versione archiviata e non aggiornata del sito. Per visualizzare la versione corrente passa per la Homepage, grazie.

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
Chi sono
Mi occupo di processi di narrazione digitali sui social network, e insegno in percorsi universitari su comunicazione e nuovi media. Coorganizzatore di TEDx ViadellaConciliazione, consulente LgStudio.
Social
+
Newsletter


TinyLetter Privacy Policy

DigitCult
Digital Clusters (How the Net is Marking Us), DigitCult, vol. 2, no. 3, 49-62 (2017)

Ultimi post

La mia Booklist 2018 > Libri per il nuovo anno
L'anno scorso scrivevo il bilancio di un anno bello e denso di avvenimenti importanti, mentre il 2018 è stato…
Perché Anon è un piccolo capolavoro (e non è adatto per il cinema)
Dando per scontato che Netflix è una droga, nelle mie serate di preparazione a un esame mi è capitato…
Cambridge, abbiamo un problema (intrinseco)
A marzo del 2017 Michal Kosinski, uno psicologo e Ph.D di Cambridge, professore a Stanford di Organisational Behavior, presenta…

Twitter

Altri miei siti

  • 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