Witam!
Stworzyłem (przerobiłem) galerię, która pod każdą przeglądarką prezentuje się ok, oprócz IE 6.0. PO krótkiej chwili IE 6.0 sam się zamyka generując jakiś błąd, adres galerii http://www.kswartazawada.pl/fani-rakow.htm. - sami zobaczcie.
Kod CSS dla IE.6.0
/* Stylowanie linkow po najechaniu*/
.menu2 ul li a:hover {
color: White;
background: Gray;
cursor: default;
}
/* okno galerii*/
.menu2 ul li a:hover ul {
text-align: left;
display: block;
position: absolute;
top: 31px;
left: 0;
}
/* okno galerii - 2 linia*/
.menu2 ul li a:hover ul.linia2 {
text-align: left;
display: block;
position: absolute;
top: 62px;
left: 0;
}
/* okno galerii - 3 linia*/
.menu2 ul li a:hover ul.linia3 {
text-align: left;
display: block;
position: absolute;
top: 93px;
left: 0;
}
/* okno galerii - 4 linia*/
.menu2 ul li a:hover ul.linia4 {
text-align: left;
display: block;
position: absolute;
top:124px;
left:0;
}
/* okno galerii - 5 linia*/
.menu2 ul li a:hover ul.linia5 {
text-align: left;
display: block;
position: absolute;
top: 155px;
left: 0;
}
/* tło galerii */
.menu2 ul li a:hover ul li {
cursor: pointer;
width: 481px;
height: 900px;
border: 40px solid #990000;
border-width: 20px 5px;
background-color: Maroon;
color: #003333;
padding: 20px 13px;
}
/* tło pojedyńczehgo zdjęcia */
.menu2 ul li a:hover ul li a {
background:#633;
width:118px;
height:118px;
border:1px solid #ddd;
border-color:#888 #000 #000 #888;
}
/* keep the large image hidden */
.menu2 ul li a:hover ul li a em {
display: none;
}
/* obramowanie zdjęcia poziomego*/
.menu2 ul li a:hover ul li a.poziom span img {
border: 3px solid #828;
margin-top: 5px;
}
/* obramowanie zdjęcia pionowego*/
.menu2 ul li a:hover ul li a.pion span img {
border: 1px solid #888;
margin-top: 9px;
}
/*tło zdjęcia po najechaniu na niego*/
.menu2 ul li a:hover ul li a:active {
background: #620;
}
/* poziomy wygląd dużej fotki */
.menu2 ul li a:hover ul li a.poziom:active em {
display: block;
background: #ddd;
position: absolute;
left: -175px;
top: 23px;
z-index : 200;
z-index : 500;
margin-top: -150px;
width: 850px;
height: 620px;
cursor: default;
border: 4px solid #fff;
}
/* pionowy wygląd fotki */
.menu2 ul li a:hover ul li a.pion:active em {
display: block;
background: #ddd;
position: absolute;
margin-left: 15px;
margin-top: 23px;
z-index: 200;
z-index: 500;
width: 480px;
height: 640px;
cursor: default;
border: 1px solid #fff;
}
Kod css dla pozostałych przeglądarek:
/* Stylowanie linkow po najechaniu*/
.menu2 ul li a:hover {
color: White;
background: Gray;
cursor: default;
}
/* okno galerii*/
.menu2 ul li a:hover ul {
text-align: left;
display: block;
position: absolute;
top: 31px;
left: 0;
}
/* okno galerii - 2 linia*/
.menu2 ul li a:hover ul.linia2 {
text-align: left;
display: block;
position: absolute;
top: 62px;
left: 0;
}
/* okno galerii - 3 linia*/
.menu2 ul li a:hover ul.linia3 {
text-align: left;
display: block;
position: absolute;
top: 93px;
left: 0;
}
/* okno galerii - 4 linia*/
.menu2 ul li a:hover ul.linia4 {
text-align: left;
display: block;
position: absolute;
top:124px;
left:0;
}
/* okno galerii - 5 linia*/
.menu2 ul li a:hover ul.linia5 {
text-align: left;
display: block;
position: absolute;
top: 155px;
left: 0;
}
/* tło galerii */
.menu2 ul li a:hover ul li {
cursor: pointer;
width: 481px;
height: 900px;
border: 40px solid #990000;
border-width: 20px 5px;
background-color: Maroon;
color: #003333;
padding: 20px 13px;
}
/* tło pojedyńczehgo zdjęcia */
.menu2 ul li a:hover ul li a {
background:#633;
width:118px;
height:118px;
border:1px solid #ddd;
border-color:#888 #000 #000 #888;
}
/* keep the large image hidden */
.menu2 ul li a:hover ul li a em {
display: none;
}
/* obramowanie zdjęcia poziomego*/
.menu2 ul li a:hover ul li a.poziom span img {
border: 3px solid #828;
margin-top: 5px;
}
/* obramowanie zdjęcia pionowego*/
.menu2 ul li a:hover ul li a.pion span img {
border: 1px solid #888;
margin-top: 9px;
}
/*tło zdjęcia po najechaniu na niego*/
.menu2 ul li a:hover ul li a:active {
background: #620;
}
/* poziomy wygląd dużej fotki */
.menu2 ul li a:hover ul li a.poziom:active em {
display: block;
background: #ddd;
position: absolute;
left: -175px;
top: 23px;
z-index : 200;
z-index : 500;
margin-top: -150px;
width: 850px;
height: 620px;
cursor: default;
border: 4px solid #fff;
}
/* pionowy wygląd fotki */
.menu2 ul li a:hover ul li a.pion:active em {
display: block;
background: #ddd;
position: absolute;
margin-left: 15px;
margin-top: 23px;
z-index: 200;
z-index: 500;
width: 480px;
height: 640px;
cursor: default;
border: 1px solid #fff;
}
Drugi kod - z nim nie ma żadnego problemu, ale może by się to dało zrobić tak żeby z 2 CSSów zrobić jednego lub po prostu tego pierwszego dla IE 6.0 poprawnie przerobić - z góry dzięki![/xml]