Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222

    strano effetto ai link in ie6

    ciao, ho una pagina che in ie6 non viene visualizzata correttamente. i link all'interno del div corpo sembrano spostati, ma soprattutto non si vedono nella loro prima parte, sembra che sopra ci sia qualcosa, ma in teoria non c'è nulla. Può forse essere un margin negativo che ho messo?
    come posso fare perchè anche ie veda bene quei link?
    css:
    codice:
    body, html{
    	height: 100%;
    	margin: 0;
    	padding: 0;
    	text-align: center;
    }
    
    #contenitore {
    	margin: -155px 0 0 -390px;
    	width: 782px;
    	height: 310px;
    	position: absolute; top: 50%; left: 50%;
    }
    
    #navigazione {
    	height: 30px;
    }
    #navigazione a {
    	margin: 0 12px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 18px;
    	text-transform: uppercase;
    }
    a:link {
    	color: #000;
    }
    a:visited {
    	color: #000;
    }
    a:hover {
    	color: #666666;
    }
    a:active {
    	color: #CCCCCC;
    }
    
    #corpo {
    	margin-top: 10px;
    	border: dashed 1px #666666;
    	width: 780px;
    	height: 150px;
    	background-image: url(../image/*****.jpg);
    	background-position: center center;
    	background-repeat: no-repeat;
    }
    
    #piede {
    	margin-top: 18px;
    	height: 100px;
    }
    #piede p {
    	margin-top: 35px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	text-align: left;
    }
    
    #imgNew {
    	margin-right: 10px;
    }
    
    ul {
    	margin, padding: 0;
    	width: 90%;
    	list-style-type: none;
    	list-style-position: outside;
    }
    ul a {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	text-transform: uppercase;
    	color: #000;
    }
    
    li {
    	margin, padding: 0;
    	width: 40%;
    }
    
    .sin {
    	margin-top: 15px;
    	margin-left: -10px;
    	float: left;
    	text-align: left;
    }
    
    .des {
    	margin-top: 15px;
    	margin-right: -7px;
    	float: right;
    	text-align: right;
    }
    html:
    codice:
    <div id="contenitore">
    	<div id="navigazione">
    			</div>
    	<div id="corpo">
    		<ul>
      			<li class="sin">*****
      			<li class="des">*****
     			<li class="sin">*****
      			<li class="des">*****
      			<li class="sin">*****
      			<li class="des">*****
    		[/list]
    	</div>
    	<div id="piede">
    </div>
    </div>
    thank's
    Si fanno sempre nuove scoperte

  2. #2
    Se vuoi, puoi postare il resto della pagina?

  3. #3
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    grazie xnetus, ma credo di aver risolto. avevo sbagliato a scrivere i margin del ul
    codice:
    margin, padding: 0; invece di margin: 0; padding: 0;
    a propsito, ma non c'era un modo per scriverli entrambi come avevo tentato di fare?
    nel css e cosi non essendo impostati a 0 mi davano la rientranza standard delle liste facendomi sballare tutto. Cercavo poi addirittura di aggiustare con dei margin negativi che ora direi che non servono.....
    thank's
    Si fanno sempre nuove scoperte

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.