Visualizzazione errata <ul>

[Maximo75]

Ci sto uscendo pazzo!!!
E' da un po' che ci lavoro su, ma non capisco perchè i <ul> vengono spostati di circa 40px a destra e non sono allineati a sinistra!!!

CSS

#menu_sx{background:#3040f0;margin-left:12px;margin-top:10px;width:170px;float:left;font-size:12px;margin:0 auto;}
div#menu_sx ul{list-style:none;}
div#menu_sx a{display:block;width:125px;padding-left:15px;padding-top:2px;padding-bottom:2px;text-decoration:none;}
div#menu_sx a:hover{text-decoration:none}
div#menu_sx h2{font-size:12px;text-align:center;color:#FFF;}
div#menu_sx h2.tit span{position:relative;top:5px;}

div#menu_sx div#nav{width:140px;background:#0D4B72;margin:0 auto;}
div#menu_sx div#nav ul{padding-bottom:10px; background:url("img/nav_down.gif") left bottom no-repeat;padding-bottom:6px;}
div#menu_sx div#nav li{border-top:1px solid #5179A4;}
div#menu_sx div#nav a{color:#fff;}
div#menu_sx div#nav a:hover{background:#5179A4;}
div#menu_sx div#nav h2.tit{height:34px;width:100%;background:url('img/nav_up.gif') top left no-repeat;}

HTML

<div id="menu_sx">

	<div id="nav">

		<h2 class="tit"><span>Menù Rapido</span></h2>

			<ul>

			[*]albo d'oro
			[*]invia formazione
			[*]probabili formazioni
			[*]download wxp

			[/list]

	</div>

</div>

Notate qualche errore???

[Mich_]

Notate qualche errore???

Mi pare di si`:
dove definisci list-style-type: none devi anche definire: margin-left:0; padding-left: 0; (alcuni browser gestisco lo lo spazio da destinare al list-style con il padding, altri con il margin).
E forse devi definire margin e padding sia del tag <ul> che del[*]

[Maximo75]

Grazie era propio quello l'errore!!!

[Maximo75]

Ho modificato così:

#menu_sx{background:#3040f0;margin-left:6px;margin-top:10px;width:170px;float:left;font-size:12px;}
div#menu_sx ul{list-style:none;margin-left:0; padding-left: 0;width:100%;}
div#menu_sx a{display:block;width:125px;padding-left:15px;padding-top:2px;padding-bottom:2px;text-decoration:none;}
div#menu_sx a:hover{text-decoration:none}
div#menu_sx h2{font-size:12px;text-align:center;color:#FFF;}
div#menu_sx h2.tit span{position:relative;top:5px;}

div#menu_sx div#nav{width:140px;background:#0D4B72; margin:20px auto;}
div#menu_sx div#nav ul{padding-bottom:10px; background:url("img/nav_down.gif") left bottom no-repeat;padding-bottom:6px;}
div#menu_sx div#nav li{border-top:1px solid #5179A4;}
div#menu_sx div#nav a{color:#fff;}
div#menu_sx div#nav a:hover{background:#5179A4;}
div#menu_sx div#nav h2.tit{height:34px;width:100%;background:url('img/nav_up.gif') top left no-repeat;}

Con FF e Opera tuttook, con IE sotto al div nav dopo l'immagine di chiusura continua il background pe 20px, cedo che siano questi:

div#menu_sx div#nav{width:140px;background:#0D4B72; margin:20px  auto;}

come rimuovo questo baco?

[Mich_]

div#menu_sx div#nav{width:140px;background:#0D4B72; margin:20px auto;}

Prova a riscriverla come:

div#menu_sx div#nav {
  width: 140px;
  background: #0D4B72; 
  margin: 20px auto 0;
}

ma attento agli effetti collaterali: io ho scritto solo come rendere nullo il margine inferiore di un blocco, ma non ho verificato che il blocco in questione sia quello corretto.

[Maximo75]

non ho risolto... come faccio a scoprire il blocco incriminato?

[Mich_]

Devi andare a cercare nel sorgente HTML, quale e` il blocco, poi cercare il pezzo CSS che formatta quel blocco.

Se usi FF (non so come si fa con altri browser), seleziona la parte che ti interessa (nella pagina a video) e poi con il destro scegli: "view selection source" (qualcosa di simile se hai la versione italiana).
In qualche caso poi c'e` la necessita` di cercare il pezzo all'interno del sorgente, in modo da vedere il blocco inserito al suo posto.

[Maximo75]

mi seleziona una parte di codice che corrisponde a:

div#menu_sx div#nav ul{background:url("img/nav_down.gif") left bottom no-repeat;padding-bottom:6px;}

[Mich_]

Per capire bene dovrei veder la pagina. Puoi postare il link?

Comunque prova prima ad azzerare il padding in quel codice che hai postato.

[Maximo75]

prova a vedere qua
nel menu di sopra ho tolto il padding infatti il menu finisce subito sotto download wxp, nel secondo è ancora presente, se vedi con ie cambiamolto!!!

Ciao