Bordo immagine non va su Internet explorer

**danieledn** · 22-05-2006, 18:35

Ciao a tutti, ho questo semplice codice qui:

img {
padding: 4px;
border: 1px solid #ccc;
margin-bottom: 10px;}

Lo sto usando per dare un margine bianco con bordino esterno atutte le immagini del sito.
Funziona su tutti i browser ma non su internet explorer; non capisco perchè.
In pratica IE non mi appiccica il bordo grigio a quello della foto, gli altri browser invece lo distanziano correttamente.

Un esempio di pag dal sito

http://www.fotopax.com/descrizioni/foto_1.htm

Chi mi può dire dove sto sbagliando?
Grazie

**Mich_** · 23-05-2006, 09:42

Si tratta del diverso box model di IE.

Nei browser standard, la larghezza e` data da:
margin+border+padding+width+padding+border+margin

In IE invece la larghezza totale e`:
margin+width+margin
mentre padding e border fannoparte del width.

Puoi usare la DTD XHTML Strict, in cui anche IE si adegua agli standard
oppure puoi fornire un CSS specifico per IE (tramite commenti condizionali)
oppure (recentemente sconsigliato dalla microsoft) usare uno dei vari hack che si trovano per IE.

**danieledn** · 23-05-2006, 11:27

Grazie ora mi informo un po'

**danieledn** · 24-05-2006, 12:37

Ho provato a fare qualche ricerca, se qualcuno ha un link verso qualche esempio o tutorial a portata di mano gliene sarei grato

**serialkiller** · 24-05-2006, 12:40

http://css.html.it/articoli/leggi/34...l-box-model/1/

http://css.html.it/articoli/leggi/45...emi-dei-css/1/

**danieledn** · 24-05-2006, 12:52

Grazie penso d'aver risolto, mi è bastato inserire nelle pag:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">

ora sembra che obbedisce agli ordini

Discussione: Bordo immagine non va su Internet explorer

Strumenti discussione

Ricerca discussione

Visualizza

Bordo immagine non va su Internet explorer

Permessi di invio