Ma IE6 non accetta height????
Cioè...io ho una classe cosi definita:
codice:
.finestratop {
width: 165px;
height: 17px;
margin: 0px;
padding-left: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border: none;
text-align: left;
background-image: url('images/finestra/form_top.gif');
background-repeat: repeat-x;
}
Dove l'immagine che uso di sfondo è alta esattamente 17px
Il codice della mia pagina (con estensione .asp perchè dovro inserire degli script tra poco) è:
codice:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Employee Portal
</title>
<link rel="stylesheet" href="prova.css" type="text/css"/>
</head>
<body>
<div class="finestratop">DCStocks</div>
</body>
</html>
La cosa curiosa è questa...con Firefox è tutto perfetto, mentre con IE6 mi imposta l'altezza leggermente più alta di quella da me definita (credo almeno 2-3 px più alta) e mi ripete parte dello sfondo...e se imposto il background repeat a repeat-x mi visualizza nella parte bassa una riga bianca.
Come mai questa cosa???
Una curiosità...ho dovuto togliere
codice:
<?xml version="1.0" encoding="UTF-8"?>
come prima riga di codice perchè altrimenti si comportava come se non avessi definito il DOCTYPE e quindi aveva il bug di IE 5.5 riguardo al box model...strana sta cosa...sapere perchè?