Problema del br

[jackweb]

Salve...ho uno strano caso in cui il tag < br > mi viene visualizzato in maniera diversa tra FF e IE...su FF inserendo due tag successivi ottengo un doppio a capo diciamo, come è giusto che sia, mentre con IE tutto ciò non accade.
E' come se non vedesse per niente il secondo br... Da cosa può essere dipeso? devo inserire una spazio tra i due?
Non capisco sinceramente come un tag come quello possa creare problemi di lettura su browser diversi...sapete darmi una indicazione per aiutarmi a capire ove il mio ragionamento è sbagliato?

Grazie

[paxal78]

un po' di codice?

[jackweb]

E' lungo...ma non credo sia quello. Nel css non ho specificato nessuna grandezza del br...

<style type="text/css">  #fiore{     height: 30px;     width: 164px;     margin: 30px 0px 0px 42px;     background-image:url(img/comuni/fiore.jpg);     background-repeat:no-repeat;     background-position:bottom; } #titolo_grafico{     height: 39px;     width: 164px;     margin: 40px 0px 0px 42px;     background-image:url(img/beds/titolo_beds.jpg);     background-repeat:no-repeat;     background-position:bottom; } #testo_rosso_sinistra{     height: 250px;     width: 164px;     margin: 10px 0px 0px 42px;     border-left-color: #940709;     border-left-style: dotted;     border-left-width: 1px;     border-left-width: thin;     padding-left: 10px;     padding-top: 10px; } #area_destra{     float:left;     height: 100%;     width: 612px;     margin: 20px 0px 0px 20px;     background-image:url(img/comuni/sfondo_destra.jpg);     background-repeat: repeat-x;     min-height: 170px; }  #area_destra_superiore{     height: 100%;     width: 580px;     margin: 20px 0px 0px 0px; } #area_destra_inferiore{     height: 190px;     width: 580px;     margin: 15px 0px 0px 0px; } #box_img{     float:left;     height: 252px;     width: 252px;     margin: 0px 0px 0px opx;     margin-left: 25px; } #box_testo_pulsantiera{     height: 180px;     width: 150px;     top:20px;     left: 7px;     position: relative;     border-top-color: #FFFFFF;     border-top-style: dotted;     border-top-width: 1px;     border-top-width: thin;     border-bottom-color: #FFFFFF;     border-bottom-style: dotted;     border-bottom-width: 1px;     border-bottom-width: thin; }  #pulsante{     height: 20px;     width: 110px;     top:12px;     background-image:url(img/comuni/quadrato_pulsante.jpg);     background-repeat: no-repeat;     background-position: 0px 4px;     padding-left: 24px;     position: relative;     font-family: verdana;     font-size: 10px;     line-height: 20px;     color: #FFFFFF;     text-transform: capitalize;     letter-spacing: 2px;     margin-top: 5px;     } #fiore_titolo {     height: 35px;     width: 300px;     font-family: verdana;     font-size: 12px;     line-height: 35px;     color: #8D161F;     letter-spacing: 2px;     margin-top: 20px;     background-image:url(img/comuni/fiore_piccolo.jpg);     background-repeat:no-repeat;     background-position:10px 0px;     padding-left: 85px;     text-transform: capitalize;     font-weight: bold;     }          #testo_rosso_contenuti {     font-family: verdana;     font-size: 10px;     line-htight: 12px;     color: #8D161F;     letter-spacing: 2px;     margin-top: 10px;         }              #testo_nero_contenuti {     font-family: verdana;     font-size: 10px;     line-height: 12px;     color: black;     letter-spacing: 2px;     margin-top: 16px;     }             #linea_rossa{     height: 5px;     width: 100%;     margin-top: 17px;     background-image:url(img/comuni/linea_rossa.jpg);     background-repeat:no-repeat;         }     #box_misure_sinistro{     height: 50px;     width: 240px;     margin-top: 20px;     float: left;     font-family: verdana;     font-size: 10px;     line-height: 16px;     color: #8D161F;     margin-top: 12px;     text-transform: capitalize     }     #box_misure_destro{     height: 50px;     width: 240px;     float: left;     font-family: verdana;     font-size: 10px;     line-height: 16px;     color: #000000;     margin-top: 12px;     text-transform: capitalize     }     #descrizione_sinistra{     height: 100%;     width: 135px;     margin-top: 30px;     margin-left: 44px;     border-left-color: #940709;     border-left-style: dotted;     border-left-width: 1px;     border-left-width: thin;     padding-left: 35px;     font-family: Verdana, Arial, Helvetica, sans-serif;     font-size: 11px;     letter-spacing: 1px;     color: #000000;     font-weight: bold;     }     #area_container_foto{     height: 100%;     width: 400px;     margin: 40px 0px 0px 0px;     background-image: url(img/comuni/sfondo_lista_prodotti.jpg);     background-repeat: repeat-x;     background-position: bottom; }     #area_doppia_foto{     height: 125px;     width: 340px;     font-family: verdana;     font-size: 10px;     line-height: 20px;     letter-spacing: 2px;     margin-top: 20px;     }              #foto_sinistra{     float:left;     height: 80px;     width: 120px;     font-family: verdana;     font-size: 10px;     line-height: 20px;     letter-spacing: 2px;     margin-top: 8px;     }         #foto_destra{     float:right;     height: 80px;     width: 120px;     font-family: verdana;     font-size: 10px;     line-height: 20px;     letter-spacing: 2px;     margin-top: 8px;     }              #foto_destra img{         border:solid 2px;         border-color:#CCCCCC      }         #foto_sinistra img{     border:solid 2px;         border-color:#CCCCCC          }              #titolo_foto_sinistra{     height: 20px;     width: 130px;     font-family: verdana;     font-size: 10px;     line-height: 20px;     letter-spacing: 0px;     margin-top: 8px;     float: left;     color: #CC0000;     }         #titolo_foto_destra{     height: 20px;     width: 140px;     font-family: verdana;     font-size: 10px;     line-height: 20px;     letter-spacing: 0px;     margin-top: 8px;     float: right;     color: #CC0000;     }          #footer{     height: 20px;     width: 100%;     font-family: verdana;     font-size: 10px;     line-height: 20px;     color: #A4A4A4;     letter-spacing: 2px;     margin-top: 8px;     } .puls_orizz {     font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 12px;     color: #FF9900;     letter-spacing: 3px; } .bianco {     font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 12px;     color: #FFFFFF;     letter-spacing: 3px;     text-decoration:none; } .nero {     font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 11px;     color: #000000;     letter-spacing: 1px;     text-decoration:none;     font-weight:100; } .grigio {     font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 12px;     color: #999999;     letter-spacing: 2px;     text-decoration:none;     font-weight:100; }  .nero2 {     font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 12px;     color: #000000;     letter-spacing: 2px;     text-decoration:none;      } a.grigio {     font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 12px;     color: #999999;     letter-spacing: 2px;     text-decoration:none;     font-weight:100; } a.grigio: hover{     font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 12px;     color: #CC0000;     letter-spacing: 2px;     text-decoration:none;     font-weight:100; } .rosso {     font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 12px;     color: #CC0000;     letter-spacing: 1px;     text-decoration:none;     font-weight:100; }  .credits {     font-family: Verdana;     font-size: 10px;     color: #CCCCCC;     letter-spacing: 2px;     text-decoration:none; } a.pulsantiera_sinistra {     text-decoration:none;     color:#FFFFFF; } a.pulsantiera_sinistra:hover{     color:#FF9900;     text-decoration:none;      } a.pulsantiera_sinistra: visited{     color: #FFFFFF;     text-decoration:none;      } --> </style> 

[Gufo]

Originariamente inviato da jackweb
Salve...ho uno strano caso in cui il tag < br > mi viene visualizzato in maniera diversa tra FF e IE...su FF inserendo due tag successivi ottengo un doppio a capo diciamo, come è giusto che sia, mentre con IE tutto ciò non accade.
E' come se non vedesse per niente il secondo br... Da cosa può essere dipeso? devo inserire una spazio tra i due?
Non capisco sinceramente come un tag come quello possa creare problemi di lettura su browser diversi...sapete darmi una indicazione per aiutarmi a capire ove il mio ragionamento è sbagliato?

Grazie

Io non ho mai riscontrato un problema del genere e anche ora che sto provando la cosa posso confermarti che IOE si comporta come FF sicuramente sbahli qualche cosa

[jackweb]

Difatti mi pare assurdo...la cosa strana è che non capisco proprio ove sia l'errore...non ho settato nulla per il br.
Scrivo il tag e basta...

[jackweb]

Mi sta venendo in mente che forse potrebbe essere il line-height. E' possibile che venga gestito in maniera diversa?