ieMac bastardo

[pentothaz]

Ho un menu fatto con liste css e un js.
su opera tutto bene su iewin tutto bene su netscape tutto bene.
su safari e ieMac no!!
il sotto menu su mac me lo da orizzontale e non si legge..

posto tutto va

-------------html----------------------
<div id="navigation">
<ul id="nav">
<li class="wow" id="t-home">Home
<li class="wow">L&iacute;brati
<ul>
[*]Chi siamo[*]Dove siamo
[/list]

<li class="wow" >Autori
<ul>[*]Alberti Vittori
[*]Cacciatori Massimo
[*]Castelli Bruna
[*]Centinaro Alessandro
[*]Cordono Marisa
[*]Ferranti Lea
[*]Grisolia G. Guglielmo
[*]Lazzarini Roberta
[*]Luciani Vincenzo
[*]Mercuri Giuseppe
[*]Perriccioli - Guazzo
[*]Petrucci Matteo
[*]Pillot Carla
[*]Scatasta Marco
[*]Vena P. Monica[/list]

<li class="wow">Catalogo
<ul>[*]800-215809 il libro bianco sul telefono della donna
[*]Adolescenza, adolescenti
[*]Anastasi, il tormento dell'essere
[*]Bambino interpretato (Il)
[*]Colore delle lacrime (Il)
[*]Colori delle donne (I)
[*]Colori delle donne 02-03 (I)
[*]Emozionario Australe
[*]Fin di luna (In)
[*]Giardino dell'imperfezione (Il)
[*]Giuochi d'ombre
[*]Kunda
[*]Partita a quattro
[*]Portiere Moderno (Il)
[*]Qui e altrove
[*]Segreto di Leonilde
[*]Strada prima della curva (La)
[*]teatro di Marco Scatasta (Il)
[*]Trasparenti Leggerezze
[*]Tramonto dell'occidente (Il)
[*]Ultima crociata (L')[/list]

<li class="wow">Contatti
<li class="wow">Uiciechi[/list]
</div>
------------------------fine html-----------------------------------

------------------------js-------------------------------------------
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
----------------------------fine js---------------------------------
----------------------------css-------------------------------------
li.wow {

float: left;
position: relative;
text-align: center;
cursor: default;
border-right: 1px solid #ddd;
margin: 0;
padding: 0;
list-style: none;
}

li {

float: left;
position: relative;
text-align: center;
cursor: default;
margin: 0;
padding: 0;
list-style: none;
}
#nav {
float: left;
width: 600px;
margin: 0;
padding: 0;
list-style: none;
font-size: 100%;
background: #fff url(../img_standard/nav_bg20.gif) repeat-x bottom left;

}

#nav a {

float: left;
padding: 6px 10px 6px 10px;
text-decoration: none;
color: #666;
}

#nav a:hover, #nav a.active {
color: #666;
background-color: #fff;
}
#nav a.active {
font-weight: bold;
}


#nav li li a {
text-align:left;
display: block;
padding: 2px 10px;

}

#nav li li a:hover {
font-weight:bold;
padding: 2px 10px;
}



li ul {
display: none;
position: absolute;
top: 26px;
left: -40px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ddd;


}

/*li>ul {
top: auto;
left: auto;
}*/

li li {
width: 210px;
display: block;
float: none;
border-top: 1px solid #ddd;
}

li:hover ul, li.over ul {
display: block;
}

-----------------------fine css-----------------------------------

grazie

[Mich_]

E` noto che i CSS non sono supportati da IE5.2.

In IE hanno un supporto appena sufficiente a partire dal 5.5

IE per mac non e` un browser in cui si possono usare i CSS: occorre usare i metodi che si usavano in HTML2 o NN4 o simili.

[pentothaz]

si ma prendi questo:
http://www.htmldog.com/articles/suckerfish/example/
questo menu si vede bene anche in iemac e safari. io il mio l'ho ricavato da questo però devo aver sbagliato qulcosa perche non me lo visualizza correttamente..
e cmq per iemac sono daccordo però con safari dovrebbe andare e invece niente..

qualche suggerimento??

[Mich_]

I CSS in safari devono funzionare.

Hai provato a validare il tuo codice CSS?
Tante volte si trovano piccole imperfezioni tramite la validazione.

[pentothaz]

si l'ho validato ed è tutto ok.. il fatto è che invece di aprirmi la tendina del sottomenu in verticale me la apre in orizzontale e di link nel sottomenu ce ne son tanti quindi non si legge un cavolo..

[Mich_]

Ho ricontrollato il tuo CSS velocemente (sono andato alla ricerca dell'attributo float), ed ho trovato questo:
float: none;
che non ho mai visto.
Non e` che per caso intendevi:
clear:all;

[bagu]

Ie 5.2 per mac supporta abbastanza bene i css, ho riscontrato prob solo gli height.

se ti serve un menù a discesa funzionante, validato e testato dai un occhio a questo
l'unico prob che da è il posizionamento dei sottomenu' con opera (cmq restano leggibili)

ciao paolo

[pentothaz]

grazie mich era proprio float:none il problema :P

[DESIGNER Belo]

Sul mac questo menu non si vede per niente...

Safari, Firefox, Explorer