+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [CSS] Opera i joomla (/thread-css-opera-i-joomla)
[CSS] Opera i joomla - blackwolf - 03-10-2011
Witam
Zakupiłem jakiś czas temu szablon do joomla 1.5 (metodą amatorską prób i błędów próbuje dostosować go do swoich potrzeb). Niestety napotkałem problem który nie wiem jak ugryźć. Otóż problem dotyczy wyświetlania strony pod przeglądarką Opera ( w chrome, mozilla, IE jest ok). Przy obramowaniu głównego zdjęcia/slidera przesunięte są prawe obramowania - http://thunder.com.pl/strona2/templates/jx...eTopRightBG.png -
strona: http://thunder.com.pl/strona2
Fragment css odpowiadający za to :
Kod:
.frameOverBGTopRight {
background:transparent url(../images/frameTopRightBG.png) no-repeat scroll 0 0;
display:block;
float:right;
height:67px;
margin-right:47px;
position:relative;
top:-13px;
width:67px;
z-index:20;
}
.frameOverBGBottomRight {
background:transparent url(../images/frameBottomRightBG.png) no-repeat scroll 0 0;
display:block;
float:right;
height:67px;
left:auto;
margin-right:47px;
position:relative;
top:-50px;
width:67px;
z-index:20;
}Jako że jestem amatorem w tych sprawach i nie rozumiem czemu wszędzie poza opera wyświetla poprawnie. Proszę o pomoc. Z góry dziękuję.
Dołączam plik jpg:
![[Obrazek: operacss.jpg]](http://img830.imageshack.us/img830/6410/operacss.jpg)
@EDIT:
doszedłem do tego że ten fragment powoduje błędy : margin-right: 47px;.
Po zmianie na -14 px w operze jest ok ale w Mozilli chrome i ie9 jest wtedy sytuacja odwrotna.
Jak to rozwiązać?
RE: [CSS] Opera i joomla - blackwolf - 03-10-2011
już jakaś dobra dusza z innego forum mi pomogła. Przeklejam rozwiązanie
Kod:
/* OPERA HACK */
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
.twojaklasa {
}
}
/* END OPERA HACK */