[IE] to coś zwane przeglądarką dubluje mój tekst!

[spookypld]

Zwracam się z prośbą do drogich forumowiczów o pomoc w ustaleniu przyczyny błędu. To jest jak dotąd mój najbardziej frustrujący błąd, bo samo ustawienie poniższego menu w innych przeglądarkach było trudne. Wczoraj okazało się, że z tym wyzwaniem całkowicie nie poradził sobie IE7 a IE6 się po prostu ośmieszył.

https://www.spooky.8p.pl/uroda/index.html

Pod IE7 wcięło całe menu ze slideshow. Pod IE6 dzieje się coś, co mnie normalnie śmieszy. W życiu nie widziałem jeszcze, żeby jakaś przeglądarka potrafiła zdublować jakiś tekst! Ba, ale co to takiego dla IE6. Może to nie błąd, tylko ukryta funkcja? Mało tego, ten tekst jest w sumie zapisany za pomocą zwykłego float:right i nie ma tam większej filozofii. Mimo to IE6 się ośmieszył.

Proszę o pomoc, gdyż stronka musi zadziałać pod IE, gdyż pewnie większość targetu będzie korzystała z tego spyware to przeglądania strony. Z czasem też nie ma pośpiechu. Robię to dla kuzynki.

Pozdrawiam,

Bartek

[papieros]

U mnie pod IE6 brak jest lewego menu i nie ma głównego zdjęcia. Podaj style dla id="menu" bo nie chce mi sie przeszukiwac Twoich css'ow. Masz tez kupe js'ow, moze to coś psują - ty je pisałeś, czy są to przetestowane gotowce?

[spookypld]

Pod IE7 jest to samo, tyle, że bez dwóch liter pod zdjęciem.

#slideshow * { margin: 0; padding: 0; }
#slideshow {  
position: absolute; 
top: 221px; 
padding: 0px; 
width: 740px; 
height: 311px; 
}
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { 
background: url('../images/spinner.gif'); 
display: block; 
height: 24px;
top: 155px; 
left: 490px; 
text-indent: -5000px; 
width: 24px; 

visibility: hidden; z-index: 5; }
#slideshow #pictures { 
background: url('../images/bg.jpg'); 
width: 490px; 
height: 311px; 
left: 245px; 
overflow: hidden; }
#slideshow #pictures li { 
display: block; 
position: absolute; 
top: 0px; 
left: 0px; 
width: 490px; 
}
#slideshow #pictures li img { 
display: block; 
position: relative; 
top: 0px; 
left: 0px;
}
#slideshow #menu { 
background: url('../images/bg_side.jpg'); 
list-style-type: none; 
width: 245px; 
top: 0px; 
height: 291px; 
padding-top: 20px; 
}
#slideshow #menu li { 
display: block; 
z-index: 1000; 
position: relative; 
zoom: 1; 
}
#slideshow #menu li a { 
display: block; 
font: 13px Arial, "Verdana"; 
text-decoration: none; 
padding: 7px 0 7px 28px; 
z-index: 1000; 
color: #ccc; 
line-height: 14px; 
vertical-align: middle; 
zoom: 1; 
}
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #D15600; }
#slideshow #menu li.current a { 
font: 15px "Georgia"; 
color: #D15600; 
padding: 5px 0 5px 28px; 
line-height: 18px; 
}
#slideshow #menu li.background { 
background: url('../images/arrow.gif') no-repeat left center; 
position: absolute; 
font-size: 1px;
height: 7px; 
width: 4px; 
z-index: 5; 
}

Dziwne to trochę, bo #slideshow, czyli w zasadzie pojemnik menu jest zpozycjonowany absolutnie na top:221px (czyli panel górny+obrazek).

JS to gotowiec.

[papieros]

Dokładnie Ci nie pomogę ale

po co, np.

1)

#slideshow #menu ...

wystarczy #menu

2)

li.background , co to? (pod koniec css'a) - w zrodle brak klasy 'background' - jesli js ją ustawia, to ja bym jej zmienil nazwę.

3) być może nie najlepiej ci działa funkcja js, która uwidacznia (zmienia visibility) slideshowa. wygląda to tak jakby teksty menu zostawały pod warstwą.

[spookypld]

znalazłem buga, dzięki za duchowe wsparcie. :]