un menu multilivello centrato in puro css info

[alexlisca]

ciao... prendendo spunto da questo articolo:
http://css.html.it/articoli/leggi/27...o-in-puro-css/
volevo realizare 1 menu solo che " smanettando " troppo il risultato è stato stravolto difatti con IE & opera viene visualizato in modo anomalo... il bello che non capisco il problema
http://lisca.netsons.org/demo/demo.html
info consigli
grazie

[fcaldera]

ciao, sto guardando il menu sia con firefox che con opera e non noto alcun problema (non ho explorer sul portatile)

magari elimina la prima lista annidata visto che è vuota.

[*]NORD IRLANDA

                                                        

                            <ins><ul>
[*]sottovoce 1_4_4_1
[*]sottovoce 1_4_4_2
[*]sottovoce 1_4_4_3
[/list]</ins>

c'è anche un di troppo

[alexlisca]

ha risolto il problema solo su opera ma non con IE :master:

[fcaldera]

io nella tua pagina continuo a vedere gli stessi errori di prima

edit: inoltre il validatore segnala 20 errori
tra questi oltre ai precedenti c'è anche un tag [/b] chiuso scorrettamente

[alexlisca]

Originariamente inviato da fcaldera
io nella tua pagina continuo a vedere gli stessi errori di prima

edit: inoltre il validatore segnala 20 errori
tra questi oltre ai precedenti c'è anche un tag [/b] chiuso scorrettamente

morale della favola come rimedio ? :master:

[alexlisca]

ok sembra che ho risolto con i diversi browser:
http://lisca.netsons.org/demo/menu.html
solo che adesso dovrei inserie questo guazzabuglio dentro la mia pag css:

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#header {
width: 900px;
color: #ffffff;
padding: 10px;
border: 0px solid #ccc;
height: 95px;
margin: 5px 0px 5px 0px;
background: #000000;
}
#navigation {
width: 916px;
color: #ffffff;
padding: 2px;
border: 0px solid #ccc;
margin: 0px 0px 5px 0px;
background: #000000;
}
#content {
width: 900px;
color: #ffffff;
border: 0px solid #ccc;
background: #000000;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 400%;
}
#footer {
width: 918px;
color: #ffffff;
border: 0px solid #ccc;
background: #000000;
margin: 0px 0px 5px 0px;
padding: 1px;
}
solo che non ho idea di come procedere dovrei metterlo dentro la mia pag html nel tag
<div id="navigation"> :master:
http://www.lisca.it/home.html
grazie

[alexlisca]

Originariamente inviato da alexlisca
ok sembra che ho risolto con i diversi browser:
http://lisca.netsons.org/demo/menu.html
solo che adesso dovrei inserie questo guazzabuglio dentro la mia pag css:

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#header {
width: 900px;
color: #ffffff;
padding: 10px;
border: 0px solid #ccc;
height: 95px;
margin: 5px 0px 5px 0px;
background: #000000;
}
#navigation {
width: 916px;
color: #ffffff;
padding: 2px;
border: 0px solid #ccc;
margin: 0px 0px 5px 0px;
background: #000000;
}
#content {
width: 900px;
color: #ffffff;
border: 0px solid #ccc;
background: #000000;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 400%;
}
#footer {
width: 918px;
color: #ffffff;
border: 0px solid #ccc;
background: #000000;
margin: 0px 0px 5px 0px;
padding: 1px;
}
solo che non ho idea di come procedere dovrei metterlo dentro la mia pag html nel tag
<div id="navigation"> :master:
http://www.lisca.it/home.html
grazie

up...