Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2012
    Messaggi
    32

    problema margine con IE

    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)
    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>
    il css:

    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; 
    }
    veronica

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2012
    Messaggi
    32
    no niente come non detto scusate ho risolto!
    non avevo chiuso un Div
    veronica

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.