Jak naprawić problem ze znikaniem elementów strony?


(Gerard Zurek) #1

Witam.

Mam stronę (Michal Jarski Design) i problem ze znikaniem elementów menu.

Kiedy najeżdża się na obracający się obrazek niedźwiedzia, pozycje meny występujące po nim nagle znikają.

Po odświeżeniu strony problem magicznie znika...

Kod odpowiadający za styl misia i menu:

#kontener {width: 960px; margin: 0 auto;} 

#menu {display: table; padding: 0 10px 0 !important; margin: 0 auto; overflow: hidden; font-size: 16px; background: transparent; position:relative; z-index:5;} 

#menu td {list-style-type: none; margin-top: 320px; float: left; background: #800000; margin-left:0 px;} 

#menu td[id="bear"] {list-style-type: none; margin-top: 270px; margin-left: 0 px; background: transparent; text-align:left;} 

#menu td:hover {background: #FF0000;} 

#menu td[id="bear"]:hover {background: transparent;}

#menu td a {display: block; color: white; text-decoration: none; padding: 7px 10px 7px; text-align: center;} 

#menu td a:hover {background: #FF0000; color: white; } 

#menu td td a {width: 160px;} 

#menu td table {overflow: hidden; display: none; background: #800000;} 

#menu td:hover table {position: absolute; padding: 0; display: block; width: 180px;} 

#menu td a[href="#"]{background: #FF0000; color: white;}

#menu td a[id="en"]{background: #555555; color:white;}


/*ZAOKRĽGLONE ROGI - tylko CSS3*/ 

#menu {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;} 

#menu td table {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} 


#userleft{

background: transparent; 

 border:4px solid maroon;

border-radius: 500px; 

position:relative; 

z-index:10; 

text-align:left;

}


#userleft:hover{

background: transparent; 

 border:4px solid #FF0000;

border-radius: 500px; 

position:relative; 

z-index:10; 

text-align:left;

}

#usernone{z-index:9; position:relative; margin-right:-10px;}

Jest to oczywiście zaincludowanie w oddzielnym pliku css... Dodatkowo kod samego menu:

| Portfolio | wsbearav.png | O mnie | English |

O mnie

Michal Jarski Design

Liczę na waszą pomoc w rozwiązaniu powyższego problemu, bo już wszystkiego próbowałem i nic.. :frowning:

Pozdrawiam,

Hookz

PS.

Błąd występuje jedynie na podstronie http://jarski.art.pl/about/


(M@ster) #2

Prawdę mówiąc nie widzę tam żadnego niedźwiedzia a co dopiero obracającego się :wink:


(jacko1998) #3

Po 1, w border-radius -ach brakuje Ci dodatkowego z prefixem -ms- dla IE 10.

// Tak na marginesie, dlaczego robisz menu używając tabeli ? Nie lepiej posłużyć się listą ?


(Gerard Zurek) #4

Kiedy robiłem listę, to wszystko sie rozjeżdżało , przesuwało etc.

// Tak na marginesie- używam Google Chrome i nie wiem, co da naprawienie błędu występującego w MS IE..

Jak to?

Przecież jest.. po środku menu??

U mnie wyświetla....

Testowane Gchrome, MFirefox i MSIExplorer 10... :wink:


(jacko1998) #5

To że Ty korzystasz z Chrome, nie znaczy że ktoś inny nie korzysta z IE 10


(Gerard Zurek) #6

Pprzepraszam...

już zmieniam kod strony i dostosowywuję do IE.. :wink: