Potete vedere il risultato su www.Keratox.Net
Nel primo titolo nella colonna di sinistra, potete vedere il bordo verde che si estende in 1 mm.
E' il bordo di un div, div che dovrebbe contenere altri due div, appunto quelli con titolo e immaginina.
codice xhtml
codice:
<div class="title">
<div class="titletesto">
<h1 class="nav"> Navigazione </h1>
</div>
<div class="titlebox">
</div>
</div>
codice css
codice:
div.title{
width:100%;
background:#000000;
margin:0;
padding:0;
border:1px solid #00FF00;
height:auto;
}
div.titletesto{
float:left;
width:80%;
text-align:left;
background:transparent;
margin:0em 0em;
}
div.titlebox{
float:left;
width:20%;
text-align:right;
background:transparent;
margin:0em 0em;
}
Perche' quel dannato div.title in Firefox non contiene i div.titletesto e div.titlebox (slittano giu' "superando" il bordo inferiore).
In IE si vede bene.
Ciao fatemi sapere...