Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    147px che explorer vede come 142

    Ho un menù di questo tipo:

    codice:
    <ul class="menu">
    	[*]home
    ...
    	[/list]
    css
    codice:
    .menu, .menu li, .menu ul{
    display: inline;
    	list-style-image: none;
    	list-style-type: none;
    	margin:0px;
    		padding:0px;
    }
    #home, #home:link, #home:visited, #home:active {
       padding:0; padding-left:0px;
       margin:0; margin-left:0px;
       width:147px; height:93px;
       font:normal bold 1em Verdana, Arial, Helvetica, sans-serif;
       color: #fff;
       text-align: left;
       vertical-align: top;
       background:transparent url(interfaccia/home1.jpg) no-repeat 100% 0;
       display:block;
       float: left;
       border-left:3px solid #fff;
       border-right:2px solid #fff;
    }
    #home:hover {
       background:transparent url(interfaccia/home2.jpg) no-repeat 100% 0;
    }
    Come vedete home è di dimensioni 147x93... ma ho scoperto che explorer lo fa di 143x93 mentre ff visualizza tutto correttametne.

  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    IE comprende erroneamente bordi, margini e padding nella dimensione

    Guarda qui

    Leggitelo, ma penso che dovresti fare qualcosa del genere:

    codice:
    width: 142px; \width: 147px; w\idth: 142px;
    Maurizio

  3. #3
    beh è ovvio, hai 5 pixel di bordo (quindi sarà probabilmente 142 non 143)! starai usando un doctype che ti fa lavorare il browser in quirk e salta fuori il vecchio problema del box model!
    puoi leggere questo http://www.html.it/css/guida_css_15.htm
    e questo http://pro.html.it/articoli/id_413/idcat_8/pro.html

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