sempre errori di allineamento

[Davide80]

non riesco a capire perchè con ie6 il menu al centro mi si vede bene invece con firefox mi si vede allineato a sinistra!!!!

Vedetelo con Ie6 e con Firefox

il codice css è questo:
html, body{
margin:0;
padding:0;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
text-align:center;
}
div#global{
width:500px;
margin: 0 auto;
text-align:center;
}
div#content{
background-color: #999999;
border-top: 10px solid red;
background-image: url(../images/admin/border_bot.jpg);
background-position: bottom;
background-repeat: repeat-x;
}
div#content p{
color:#FFF;
padding-top: 2px;
padding-bottom: 2px;
}
a:link , a:visited{
width: 100px;
background-color:#CCCCCC;
color:#000000;
font-weight:bolder;
display:block;
text-align:justify;
border-left-color:#666666;
border-left-style:solid;
border-bottom-width:2px;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
padding: 5px 5px 5px 5px;
text-decoration:none;
letter-spacing:2px;
}
a:hover{
width: 100px;
background-color:#FFF;
color:red;
font-weight:bolder;
display:block;
text-align:justify;
border-left-color:#666666;
border-left-style:solid;
border-bottom-width:2px;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
padding: 5px 5px 5px 5px;
text-decoration:none;
letter-spacing:2px;
}
h1{
color:#FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
letter-spacing:-2px;
}
div#tabella{
width:400px;
background-color:#CCCCCC;
text-align:left;
padding:10px 10px 10px 10px;
border-bottom-color:#CCCCCC;
border-bottom-style:dotted;
border-bottom-width:1px;
}
div#tabella p{
color:#000000;
padding-top: 2px;
padding-bottom: 2px;
}

[thomas_anderson]

Tu hai una struttura di questo tipo:

<div id=content>
<h1>.: Main Menu :. </h1>



Benvenuto Username




Aziende
Tipologie
Articoli
Prodotti
Clienti




</p>
</div>


Il modo con cui hai disposto i link è completamente sballato. hai usato l'elemento
per posizionare il menu, quando invece avresti dovuto usare un <div> con all'interno un <ul>. :rollo: i link hanno text-align: justify, ecco spiegato il loro allineamento a sinistra in FF, che interpreta correttamente il CSS, mentre IE come al solito fa il casino di cui è capace solo lui.
In definitiva, usa FF per sviluppare, ed IE solo per la compatibilità. ciao

[Davide80]

scusatemi, sono veramente una schippa con i css!

[Davide80]

ho provato a usare un <div> con all'interno un <ul>. La div (menu) l'ho centrata ma ancora niente!

Ho messo dei colori al background sia dell'ul che del menu per vedere come si comportano in fase di pubblicazione.

Vorrei avere il menu al centro. Qualcuno sa dirmi come fare?


visiona la pagina

grazie a tutti

codice css:

html, body{
margin:0;
padding:0;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
text-align:center;
}
div#global{
width:500px;
margin: 0 auto;
text-align:center;
}
div#content{
background-color: #999999;
border-top: 10px solid red;
background-image: url(../images/admin/border_bot.jpg);
background-position: bottom;
background-repeat: repeat-x;
}
div#content p{
color:#FFF;
padding-top: 2px;
padding-bottom: 2px;
}
div#menu{
text-align:center;
background-color:#CCFF00;
}
a:link , a:visited{
width: 100px;
background-color:#CCCCCC;
color:#000000;
font-weight:bolder;
display:block;
text-align:justify;
border-left-color:#666666;
border-left-style:solid;
border-bottom-width:2px;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
padding: 5px 5px 5px 5px;
text-decoration:none;
letter-spacing:2px;
}
a:hover{
width: 100px;
background-color:#FFF;
color:red;
font-weight:bolder;
display:block;
text-align:justify;
border-left-color:#666666;
border-left-style:solid;
border-bottom-width:2px;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
padding: 5px 5px 5px 5px;
text-decoration:none;
letter-spacing:2px;
}
h1{
color:#FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
letter-spacing:-2px;
}
div#tabella{
width:400px;
background-color:#CCCCCC;
text-align:left;
padding:10px 10px 10px 10px;
border-bottom-color:#CCCCCC;
border-bottom-style:dotted;
border-bottom-width:1px;
}
div#tabella p{
color:#000000;
padding-top: 2px;
padding-bottom: 2px;
}
ul{
list-style-type:none;
text-align:center;
background-color:#993366;
}

[Davide80]

scusate se mi autorispondo per far salire il post... ma qualcuno mi aiuti...

[thomas_anderson]

E' sufficiente dare text-align:center al contenitore del menu e margin-left/right:auto al div che contiene il menu.

[Davide80]

non riesco ad arrivarci!

pagina in questione

vorrei quel diamine di menu centrato. ho provato a fare comq mi ha detto thomas_anderson ma non funge.

aiuto please!

[Davide80]

ho risolto grazie a tutti!