Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] IE7 - rozwijane menu
Pozycjonowanie i Optymalizacja > Projektowanie stron > HTML i CSS
ssebo
Witam Wszystkich !

Mam problem z menu rozwijanym w IE7. Tylko na jednej stronie mi nie działa po najechaniu na dany link zamiast rozsuwać mi się w dolnej części, wykonuje mi się obok. Nie wiem w czym tkwi problem. W FF działa poprawnie i w IE8 w IE6 nie mam możliwości sprawdzenia:

Oto kod w CSS:

KOD
/* MENU */
#pole_m {
   width:1024px;
   background-image:url('images/azja_poludniowa_13.gif');
   background-repeat:repeat-x;
   height:59px;
   margin:0 auto;
}
#pole_menu {
   padding:10px 0 0 0;
   margin:0 auto;
   width:850px;
}

#menu *{
   margin:0;
   padding:0;
}
#menu {
   behavior:url('../lib/js_tools/csshover.htc');
   font-family:Tahoma;
   font-size:11px;
   float:left;
}
#menu ul {
   float:left;
}
#menu li {
   position:relative;  
   background-image:url('images/menu-znak.gif');
   background-repeat:no-repeat;
   padding-left:26px;
   list-style-type:none;
   float:left;
   text-align:left;
}
#menu a {
   background-image:url('images/menu-bg.gif');
   background-repeat:repeat-x;
   border-right:#FFFFFF 4px solid;
   height:27px;
   display:block;
   color:#FFFFFF;
   font-family:"Arial";
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   padding-left: 5px;
   padding-right: 10px;
   padding-top:12px;
   text-align:left;
}
#menu a:hover {
   text-decoration:underline;
}
#menu li ul {
   position:absolute;
   display:none;
   padding:0 10px 0 2px;
   border-left:1px solid #730328;
   border-right:1px solid #730328;
   border-bottom:1px solid #730328;
   background-color:#e8e8e8;
   text-align:left;
}
#menu li ul li {
   white-space:nowrap;
   width:100%;
   background-color:#e8e8e8;
   background-image:url('images/znak_menu.png');
   background-repeat:no-repeat;
   background-position:left;
   padding-left: 8px;
}
#menu li ul li a {
   white-space:nowrap;
   font-family:Tahoma;
   font-size:11px;
   background:#e8e8e8;
   color:#660000;
   padding:0;
   margin:0;
   border:0;
   height:16px;  
}
#menu li:hover ul {
   display:block;
}
papieros
Łatwiej by było Ci pomóc jakbyś dał linka
ssebo
Oto link do strony: azjapoludniowa.pl
papieros
Pod IE8 działa OK w normalnym trybie. W 'trybie zgodności' jest kicha, choć czasem jest dobrze -> to by wskazywało, że może gdzieś masz jakieś niedomknięte tagi (sprawdź), a jak nie to musisz się przyjrzeć position:absolute i position:relative. Więcej Ci chyba nie potrafię pomóc
ssebo
Dalej nie mogę sobie z tym poradzić, jeśli ktoś jest w stanie pomóc będę bardzo wdzięczny...

Pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2012 Invision Power Services, Inc.