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 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.
One thought on “Impazzire per un CSS”
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