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.

Annunci

Un pensiero su “Impazzire per un CSS

  1. Vincez

    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

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...