CSS menu Firefox Sorunu

04-11-2010, 13:23:49

Kimlik doğrulama veya yönetimden onay bekliyor.

Arkdaşlar hazır acılır css menu ekledim siteye ie de sorun yok fakat firefox ve diğer tarayıcılarda sorun var. Menu acilmiyor alt alta gözüküyor

<html>
<head>
<style>
body{
	margin:0;
	padding:0;
}
ul#menu, ul#menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
ul#menu li {
	float: left;
	position: relative;
	width: 152px;
}

ul#menu li ul {
	display: none;
	position: absolute; 
	top: 27px; 
	left: 0;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a { 
font: bold 12px verdana, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 6px 10px;
color: #fff;
background: #333333;
text-decoration: none;
}

ul#menu li a:hover {
color: #a00;
background: #fff;
}

ul#menu li:hover ul, ul#menu li.over ul { 
	display: block;
}
	
</style>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
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;

</script>
</head>

<body>

<div id="html2" style="position:absolute; overflow:hidden; left:98px; top:131px; width:763px; height:274px; z-index:49">
<ul id="menu">
<li><a href="#">Telefonlar</a></li>
<ul>
<li><a href="telefon.html">Kablolu Telefonlar</a></li>
<li><a href="dect.html">Kablosuz Telefonlar</a></li>
<li><a href="ip-telefon.html">IP Telefonlar</a></li>
<li><a href="fax.html">Faks Cihazları</a></li>
<li><a href="kontor.html">Kontor Cihazları</a></li>
<li><a href="telsiz.html">El Telsizleri</a></li>
<li><a href="sarf.html">Sarf Malzemeleri</a></li>
</ul>
<li><a href="#">Santraller</a>
<ul>
<li><a href="karel-santral.html">Karel Santraller</a></li>
<li><a href="fortel-santral.html">Fortel Santraller</a></li>
<li><a href="multitek-santral.html">Multitek Santraller</a></li>
<li><a href="ip-santral.html">IP Santraller</a></li>
<li><a href="gsm-terminali.html">GSM Terminali</a></li>
<li><a href="saksesuar.html">Aksesuarlar</a></li>
</ul>
</li>
<li><a href="#">CCTV</a>
<ul>
<li><a href="ipkamera.html">IP Kameralar</a></li>
<li><a href="box-kamera.html">Box Kameralar</a></li>
<li><a href="domekamera.html">Dome Kameralar</a></li>
<li><a href="dvrkartlar.html">DVR Kartlar</a></li>
<li><a href="dvr-cihazlar.html">DVR Cihazlar</a></li>
<li><a href="modemler.html">Modem Ayarları</a></li>
<li><a href="kaksesuar.html">Aksesuarlar</a></li>
</ul>
</li>
<li><a href="#">Güvenlik</a></li>
<ul>
<li><a href="kpaneli.html">Kontrol Panelleri</a></li>
<li><a href="keypad.html">Keypad</a></li>
<li><a href="siren.html">Sirenler</a></li>
<li><a href="dedektor.html">Dedektörler</a></li>
<li><a href="manyetik.html">Manyetik Kontaklar</a></li>
<li><a href="gaksesuar.html">Aksesuarlar</a></li>
</ul>
</li>
<li><a href="#">Kablolar</a></li>
<ul>
<li><a href="telefon-kablolari.html">Telefon Kabloları</a></li>
<li><a href="kamera-kablolari.html">Kamera Kabloları</a></li>
<li><a href="alarm-kablolari.html">Alarm Kabloları</a></li>
<li><a href="yangin-kablolari.html">Yangın Kabloları</a></li>
<li><a href="bilgisayar-kablolari.html">Bilgisayar Kabloları</a></li>
</ul></div>
</body>
</html>

04-11-2010, 15:59:21

#2

kereky

sorunu birde resimde görseydik html kodları ile daha kolay yardımcı olabilirdik bu şekilde boşuna beyin fırtınası yapmış oluruz..

05-11-2010, 19:54:47

#3

h4yfans

Kimlik doğrulama veya yönetimden onay bekliyor.

nedense oluyor baze böyle uyumsuzluklar. firefox'u bir güncelle derim. kodsal bir sorun olacağını sanmıyorum, ama olabilirde

06-11-2010, 09:28:30

#4

huelo

sorunu cözdüm hep css de ariyordum sorunu htm deymiş

<div id="html2" style="position:absolute; overflow:hidden; left:98px; top:131px; width:763px; height:274px; z-index:49">
<ul id="menu">
<li><a href="#">Telefonlar</a></li>

Telefonlar</a></li> li yi kaldirinca düzeldi

fakat başka bir sorunla karşılaştım ie de herşey normal ff de menünün altındaki linkler calismiyor yani menünün acildigi yere kadar olan bölümde bulunan linkler calismiyor. Yardımlarinizi bekliyorum site adresi
cakmakcielektronik com

06-11-2010, 14:08:13

#5

ayvuz

Chrome, Firefox ve ie ile test ettim sorunsuz çalışıyor.

06-11-2010, 15:33:09

#6

huelo

menüde sorun yok onu düzelttim menünün altında kalan resim yazı vs link verdiğimde tıklanmıyor onu diyorum