Luciano Giustini blog: Impazzire per un CSS


Impazzire per un CSS
5 Febbraio 2006 15:24

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.

Feedback

A causa della proliferazione dello spam nei commenti, ho chiuso questo post agli interventi esterni. Mi scuso per l'inconveniente. Per commentare, ti prego di usare uno dei post recenti se possibile, oppure puoi contattarmi utilizzando uno degli indirizzi nella pagina dei Contatti. Grazie.

Due to the proliferation of comment spam, I've closed comments on this entry. If you would like to leave comment, please use one of my recent entries, if available, or contact me using the address in the Contact page. Thank you and sorry for any inconvience caused.

Commenti

Vincez - 05.02.06 19:36

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