Największy problem w tym, że nawet jak js ustawiałem to w kodzie (strony otrzymanym przez przeglądarkę) było, ale ff nie wyliczał tego jako styl i dupa :D
rozwiążę to chyba... ograniczając szerokość obrazów ręcznie xD
ale nie no to bez sensu, bo zadziała dobrze tylko na danym setupie
i ten, width
http://stackoverflow.com/questions/2...lay-table-cell oh :D
zrobiłem i do tego usunąłem kawałek htmla xD
Kod:
<div id='popup' class='hide'>
<div id='popup_content'>
<nav id='prevPhoto'><a href='gallery/picture/8/category/box'>←</a></nav>
<img onclick=op('popup') src='static/comic/FINtest.png' alt='asdf' class='popimg'>
</div>
</div>
+
Kod:
#popup
{
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background: rgba(25,25,25, 0.8);
z-index:100;
overflow: auto;
margin: auto;
}
.show
{
display: block;
}
.hide
{
display: none;
}
#popup_content
{
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
text-align:center;
margin: auto;
overflow: auto;
}
#prevPhoto a
{
top: 0;
display: block;
cursor: pointer;
height: 500px;
position: absolute;
width: 450px;
margin-top: 380px;
margin-left: 0;
margin-right: auto;
text-align: left;
z-index: 200;
color: rgba(255, 0, 0, 0);
}
#prevPhoto a:hover
{
color: rgba(255, 0, 0, 1);
}
#nextPhoto a
{
top: 0;
right: 0;
display: block;
cursor: pointer;
height: 500px;
position: absolute;
width: 450px;
margin-top: 380px;
text-align: right;
margin-right: 0;
margin-left: auto;
z-index: 200;
color: rgba(255, 0, 0, 0);
}
#nextPhoto a:hover
{
color: rgba(255, 0, 0, 1);
}
img.popimg
{
display: table-cell;
vertical-align: middle;
margin: auto;
height: auto;
max-width: 100%;
}
pewnie w css są jeszcze jakieś śmieci @
Bazan ;
ale wielkie dzięki za walkę w słusznej sprawie :D
jeszcze jakby kurde przestawał się wyświetlać scrollbar "tego pod spodem" ale to bez podmiany kodu nie przejdzie chyba, chociaż pomyślę... dałoby radę, ale wtedy znowu jakiś wrapper dookoła głównego contentu bym musiał i nadać mu klasę hide i chyba śmiga
Zakładki