Tüm ielerle uyumlu drop down menü

[evR]

Arkadaşlar bana ie 5.5 6 ve 7 uyumlu bir drop down menü lazım

Denediklerim 7de güzel çalışıyor. ama 5.5 ve 6 div küçülüyor tuşların yarısı gözüküyor.

Cevaplar için şimdiden teşekkürler

[Sniper]

Ortada bir soru yok ki cevap bekliyorsun. Hazır script istemişsin ama yanlış yerde...

[evR]

Soru gayet açık

Hazır script istemedim.. elimde hazır script var dedim.. Bu soruna çözüm istiyorum sadece

ie5.5 6 sorun yaratıyor çoğunda..

saygılar

[Sniper]

Elindeki scriptin kodlarını yazdın da ben mi göremiyorum? Elinde ne olduğunu tahmin edip mi düzeltmeye çalışacağız?

[evR]

kodları koymadım farkındayım ki bunu bilerek yapmıştım..

sadece yönlendirme bekledim.. bu tür sorunlar divden olur veya şu hackleri kullanarak çözüm getirebilirsiniz.. veya lu linkte çözümü mevcut gibisinden (arama bölümün kullandım tatmin olamadım cevaplardan gözümden kaçan birşeyler olabilir)

Kodlarıda istiyorsanız buyrun..

CSS DOSYASI

 
#sddm
{ margin: 0;
 padding: 0;
 z-index: 30;
 
 }

#sddm li
{ margin: 0;
 padding: 0;
 list-style: none;
 float: left;
 font: bold 11px arial}
#sddm li a
{ display: block;
 margin: 0 1px 0 0;
 padding: 4px 10px;
 width: 80px;
 background: #5970B2;
 color: #FFF;
 text-align: center;
 text-decoration: none}
#sddm li a:hover
{ background: #49A3FF}
#sddm div
{ position: absolute;
 visibility: hidden;
 margin: 0;
 padding: 0;
 background: #EAEBD8;
 border: 1px solid #5970B2}
 #sddm div a
 { position: relative;
  display: block;
  margin: 0;
  padding: 5px 10px;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  background: #EAEBD8;
  color: #2875DE;
  font: 11px arial}
 #sddm div a:hover
 { background: #49A3FF;
  color: #FFF}

Hamlde kullanılan kısım

     <ul id="sddm">
    <li><a href="#" 
        onmouseover="mopen('m1')" 
        onmouseout="mclosetime()">Home</a>
        <div id="m1" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="#">HTML DropDown</a>
        <a href="#">DHTML DropDown menu</a>
        <a href="#">JavaScript DropDown</a>
        <a href="#">DropDown Menu</a>
        <a href="#">CSS DropDown</a>
        </div>
    </li>
    <li><a href="#" 
        onmouseover="mopen('m2')" 
        onmouseout="mclosetime()">Download</a>
        <div id="m2" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="#">ASP Dropdown</a>
        <a href="#">Pulldown menu</a>
        <a href="#">AJAX dropdown</a>
        <a href="#">DIV dropdown</a>
        </div>
    </li>
    <li><a href="#">Order</a></li>
    <li><a href="#">Help</a></li>
    <li><a href="#">Contact</a></li>
</ul>
<div style="clear:both"></div>

kullanılan javascript kodu

 
// Copyright 2006-2007 javascript-array.com
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{ 
 // cancel close timer
 mcancelclosetime();
 // close old layer
 if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 // get new layer and show it
 ddmenuitem = document.getElementById(id);
 ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
 if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
 closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
 if(closetimer)
 {
  window.clearTimeout(closetimer);
  closetimer = null;
 }
}
// close layer when click-out
document.onclick = mclose;

Cevaplarınız için teşekkür ederim şimdiden

[Sniper]

Bendeki IE 6'da sorun göremedim. Bunu kullandığın sayfada DOCTYPE tanımlaması var mı?

Birde dynamicdrive.com'da buna benzer örnekler olması lazım, orayı araştırdın mı?

[evR]

doctype var.. menü çalışıyor ama dediğim gibi div kısalıyor

Başka örnekleride inceledim benzeri problemle karşılaştım.

cevap için teşekkürler