ciao,
ho un sito gestito con i css.
nella barra del menù orizzontale sulla destra ci sono delle input per loggarsi all'area riservata.
dopo aver inserito queste input mi si è inserito sotto al menù uno spazio in verticale tra il menù e il contenitore successivo solo con internet explorer
infatti se provo a togliere il div area torna tutto normale.
il menù:
(in basso le input)
il css:codice:<div class="main-nav"> <ul class="main-item-nav"> [*] <a class="home-item" href="index.asp"> </a> [*] <a class="category-item" id="menu-1"> [img]img/software.png[/img] </a> [*]<a class="category-item" id="menu-2"> [img]img/servizi.png[/img] </a> [*] <a class="category-item" id="menu-3"> [img]img/comunicazioni.png[/img] </a> [*] <a class="category-item" id="menu-4"> [img]img/azienda.png[/img] </a> [/list] <div id="area"> <input type="text" class="inputarea" name="nomeutente" size="5" maxlength="5"> <input type="password" class="inputarea" NAME="password" size="5" maxlength="5"> <input type="submit" class="bottonelogin" NAME="show" VALUE="Login"> </div>
codice:#area{ text-align:center; float: right; display:block; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:-33px; border:1px solid #FFFFFF; width:250px; height:30px; } .inputarea { border-bottom:#cccccc solid 2px; border-left:#cccccc solid 2px; border-top:0px; margin-top:0px; margin-bottom:2px; height:20px; vertical-align:bottom; } .bottonelogin { background-image: url(../img/bottonelogin.png); background-repeat:no-repeat; background-color:transparent; background-position:center; width:90px; height:30px; border:0px; color: #ffffff; font-family:Arial; font-size:11px; padding-left:5px; margin-left:0px; margin-top:0px; margin-bottom:0px; } .bottonelogin:hover{ background-image: url(../img/bottonelogin_hover.png); background-repeat:no-repeat; background-color:transparent; width:90px; height:30px; border:0px; color: #ffffff; font-family:Arial; font-size:11px; padding-left:5px; margin-left:0px; margin-top:0px; margin-bottom:0px; }

Rispondi quotando