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
Chi sono in breve
Mi occupo di processi digitali sui social network (in particolare cluster digitali), e insegno in percorsi di approfondimento universitari su Web e nuovi media.
Social
+
Libro Cluster digitali. Narrazione collettiva nell'era dei social network (Aracne, 2018)
Cluster digitali - Info
Digital Clusters: How the Net is Marking Us

DigitCult

Recent Entries

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…
Bilancio di un anno (bello, faticoso e difficile)
✓ 1° Libro (in fase di correzione, ma ci siamo) ✓ 2ª Laurea (umanistica, la prima era tecnica)✓ 1° articolo…
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…

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