Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2003
    Messaggi
    183

    Allineamento div sbagliato con Netscape

    Siao a tutti ragassi...
    Ho un problema con un div... maledetto...
    In pratica è un div con posizione assoluta (rispetto ad una header) che contiene una lista...
    con Opera e Explorer mi sta al posto giusto, mentre con Netscape è come se mi lasciasse un br prima di farmi vedere la lista... solo che questo br non c'è...
    Vi posto il codice del css (sia della header che del mio div menu) e come li ho inseriri in pagina.. spero che qualcuno riesca ad aiutarmi... non so davvero che fare...

    CSS

    #header {position:relative; text-align:left; height:319px; width:922px; background-image:url(img/header-home.gif); margin-left:auto; margin-right:auto}

    div#menu{top:82px; right:0px; position:absolute; width:570px; height:20px; background-color:#CCCCFF; vertical-align:top;}

    div#menu ul{list-style-type:none; text-align:right; vertical-align:top;}

    div#me nu li{display:inline; background-color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-right:2px solid #ff9900; padding:0 15px 0 15px; vertical-align:top;}

    div#menu a{width:auto; text-decoration:none; background-color:#ffffff; color:#0F3063; text-align:right; }
    div#menu li.last {border-right:0px; padding-right:0px;}
    div#menu a:hover{background-color:#ffffff; color: #42ADE5}
    div#menu li#active, div#menu li#active a,div#menu li#active a:hover {background-color:#ffffff; color: #42ADE5}

    PAGINA
    <div id="header">
    <div id="menu">
    <ul>[*]Per conoscerci[*]Le soluzioni[*]I clienti
    <li class="last">Contattaci[/list]</div></div>


    Vi faccio anche vedere come esce con Opera e con Netscape... (Opera è l'unico che mi tiene i parametri giusti... explorer fa la stessa cosa di Netscape solo che lo spazio me lo lascia in basso e quindi non è un problema...)

    Aiutatemi vi preeegoooooo!!!!
    Grassie
    Piccy

  2. #2
    Utente di HTML.it L'avatar di jesus
    Registrato dal
    Jan 2002
    Messaggi
    717
    Prova a mettere cosi:
    codice:
    div#menu ul {
    list-style-type:none; 
    text-align:right; 
    vertical-align:top;
    line-height: 1em;
    }
    Fammi sapere...
    <%= Jesus %>
    "Non hai veramente capito qualcosa fino a quando non sei in grado di spiegarlo a tua nonna" - Albert Einstein.

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2003
    Messaggi
    183
    Ho provato ma purtroppo non funziona... non si è mosso di un millimetro...

    Ho provato a mettere line-height: 2em ma è sceso ancora di più...

  4. #4
    Utente di HTML.it L'avatar di jesus
    Registrato dal
    Jan 2002
    Messaggi
    717
    Allora prova così, a me funziona con questo metodo:
    codice:
    div#menu ul{
      list-style-type:none; 
      text-align:right; 
      vertical-align:top;
      margin: 0px;
    } 
    
    div#menu li{
      display:inline; 
      background-color:#ffffff; 
      font-family:Verdana, Arial, Helvetica, sans-serif; 
      font-size:12px; font-weight:bold; 
      border-right:2px solid #ff9900; 
      padding:0 15px 0 15px; 
      vertical-align:top;
      margin: 0px;
    }
    <%= Jesus %>
    "Non hai veramente capito qualcosa fino a quando non sei in grado di spiegarlo a tua nonna" - Albert Einstein.

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2003
    Messaggi
    183
    Funziooooonaaaaa!!! :metallica :metallica :metallica
    Grazie mille!
    Finalmente sono andati a posto!

    Grazie grazie grazie!!!

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 © 2024 vBulletin Solutions, Inc. All rights reserved.