5568 sujets

Sémantique web et HTML

Bonjours

J'ai un probleme d'espace sous mon formulaire avec IE5. Smiley fache
Je ne comprend pas pourqu'oi et quelle solution apporté?

Voici mon code xhtml


      <div class="blockBleu">
        <form id="form" method="get" action="search.php">
        <div class="blockSearch">
          <div class="search1">
          <input type="hidden" name="genre" value=""/>
          <input type="hidden" name="studio" value=""/>
          <input type="hidden" name="typeb" value=""/>
          <input name="cherche" type="text" class="input1" value=""/>
          <div class="blank3"></div>
          <select name="type" class="select1" onchange="javascript:document.form.genre.value= this[this.selectedIndex].text">
            <option value="a" selected="selected">Choisissez</option>
            <option value="4">Titres</option>
            <option value="2">Acteurs</option>
            <option value="1">R&eacute;alisateurs</option>
          </select>
          <div class="blank3"></div>
          </div>
          <div class="search2">
          <input name="ok" type="image" src="http://www.bestdvdx.com/img0/ok1.gif"/>
          </div>
        </div>

        <div class="blockSearch">
        <div class="blank3"></div>
        <select name="select1a" class="select2" onchange="javascript:document.form.genre.value= this[this.selectedIndex].text">
          <option value="0" selected="selected">Tous les genres</option>
        </select>
        <div class="blank3"></div>
        <select name="studio_c"  class="select2" onchange="javascript:document.form.studio.value= this[this.selectedIndex].text">
          <option value="0" selected="selected">Tous les studios</option>
        </select>
        <div class="blank3"></div>
        </div>

        </form>
              </div>


et le css


.blockBleu {
width:188px;
background-color:#A3BFD7
}

.blockSearch{
width:176px;
overflow:auto;
text-align:left;
margin-left:6px;
border-color:#FFFFFF;
border-style:solid;
border-width:0px;
border-bottom-width:1px;
margin-right:6px
}

.search1{
float:left;
width:141px
}
.search2{
float:left;
width:35px;
margin-top:2px;
font-size:8px
}

.blank3 {
width:1px;
height:3px;
font-size:1px
}

.select1,.select2,.input1{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:12px;
color:#004E91;
border: solid 1px #004E91;
margin:0px;
padding:0px
}

.input1{width:128px}
.select1{width:130px}
.select2{width:176px}


J'ai beau chercher depuis une semaine la solution, je n'en trouve pas. Smiley biggol

Merci pour votre aide a tous
Modifié par lolo92 (23 Aug 2006 - 14:43)
IE applique une marge aux formulaire par défaut.

Un margin:0 appliqué au formulaire devrait résoudre le problème.