Buona domenica
Il mio problema consiste nel fatto che quando visualizzo in locale la homeb page la parola cerca racchiusa all'interno del form search con firefox si posiziona in basso quasi sul bordo inferiore e con exoplorer al centro. Questo difetto lo fa solo con la parola mentre sia l'immagine del lentino che l'immagine del form si comportano allo stesso modo nei due browser.
Come posso ottimizzare il css del form cerca in modo che sia firefox che explorer visualizzino la parola allo stesso modo?
allego il codice html che sto usando
<div class="cerca"><div class="search">
<input type="text" onfocus="if(this.value=='cerca...') this.value='';" onblur="if(this.value=='') this.value='cerca...';" value="cerca..." size="100" class="inputbox" alt="Cerca" maxlength="100" id="mod_search_searchword" name="searchword"></div>
<div class="img_cerca"></div></div>
e il css
.cerca {
height: 30px;
width: 1024px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
background-color: red;
}
.search {
position: absolute;
background-image: url(../images/serch.gif);
background-repeat: no-repeat;
background-position: left;
width: 30px;
margin-left: 807px;
height: 30px;
}
.inputbox {
background-image: url(../images/serch_fondo.gif);
background-repeat: no-repeat;
background-color: #e0dedf;
position: absolute;
width: 175px;
height: 30px;
margin-left: 35px;
margin-top: 3px;
padding-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
border-style: none;
color: #936e51;
}
Rispondi quotando
