Mentre mettevo in piedi MarqueeFader mi sono imbattuta in una...diciamo..."particolarit�" di Ie (per non dire altro!) per cui se uno decide di usare un box con margini, padding o border dentro ad un altro box si accorge che in Ie risulta sempre un po' pi� stretto: pi� precisamente risulta stretto (o largo!) come se fosse senza margini, padding o border.
Questo succede perch� Ie deve sempre fare il particolare e calpestare le regole...stavolte quelle dei css: infatti lui per width del box considera la larghezza comprensiva di tutte queste cose; di conseguenza se si imposta una larghezza, che so, di 200px con margine 10, padding 5 e border 2 succede che si vede comparire sullo schermo un box di 200-20-10-4. :P E' inconcepibile 'sta cosa...
Come fare per ovviare al problema? Ve lo dico io. :P Conviene usare un fix detto di Tantek. Praticamente nel css si specifica una prima width valida per Ie e poi si mettono due propriet� "fake" che per� sono interpretate da tutti gli altri browser, pur bloccando ie.
Ne risulta una dimensione uguale per tutti i browser!
#marginBlock {
border-color: #d0d0d0;
border-style: dotted;
border-width: 1px;
font-weight: normal;
padding: 1em;
margin: 1em;
width:14em;
overflow:hidden;
}
#containingBlock {
background-color: #f5f5fb ;
padding: 0.4em 0;
overflow:hidden;
width:12em;
voice-family: "\"}\"";
voice-family: inherit;
width:14em;
overflow:hidden;
}
�
Ultimi commenti