|
|
|
| Сайт имеет резиновую верстку и хорошо адаптируется к мониторам любой ширины. Но есть в нем функция открытия нового окна, в которой размеры и положение открываемого окна задаются в пикселях, а потому окно прыгает по экрану на разных мониторах.
Как бы задать ширину/высоту и центрирование этого окна через CSS в процентах, чтобы оно всегда было по середине экрана любой ширины и адаптировалось к его размеру?
<div style="background-image:url(/88-31.gif); width:88px; height:31px;">
<a href="#"
onClick="winObj = window.open ('/my-files/st/st-clic.php', 'myWin',
'top=200, left=200, width=500, height=400, status=no, titlebar=no, toolbar=no, scrollbars=no, menubar=no, location=no'); winObj.focus (); return false"
style="display: block; width: 100%; height: 100%">контент</a>
</div>
|
| |
|
|
|
|
|
|
|
для: Владимир55
(05.06.2014 в 21:27)
| |
.success {
position:absolute;
top:50%;
left:50%;
width:250px;
height:20px;
margin:-10px 0 0 -125px;
z-index:1000;
}
|
| |
|
|
|
|
|
|
|
для: moonfox
(06.06.2014 в 06:41)
| | На результат совершенно не повлияло.
Собственно, а где здесь класс success ? Его же здесь нет. | |
|
|
|
|
|
|
|
для: Владимир55
(06.06.2014 в 18:31)
| |
<script type="text/javascript">
function lol(w, h, url)
{
var centerWidth=(window.screen.width-w)/2;
var centerHeight=(window.screen.height-h)/2;
var new_window = window.open(url, 'mywin','left='+centerWidth+', top='+centerHeight+', width='+w+',height='+h);
new_window.focus();
return false;
}
</script>
<a href="#" onclick="lol(600, 300, 'r.html');">press</a>
|
| |
|
|
|
|
|
|
|
для: moonfox
(06.06.2014 в 18:56)
| | Работает замечательно, просто великолепно!
Спасибо! | |
|
|
|