|
Сообщение от maximamus
|
|
не вышло(
|
<!DOCTYPE html>
<html>
<head>
<style>
/*Для теста центрирования*/
body {
width:100%;
}
body *{
margin:0;
padding:0;
}
#pun {
height:760px;
}
/* End//Для теста */
/* Cтиль элементов */
#ch1 {
display:none;
position:fixed;
left:0;right:0;
top:0;bottom:0;
width:500px; /*Тут ставим Вашу ширину под фрейм*/
height:508px;
margin:auto!important;
}
#closeButton {
position:absolute;
font: normal normal 400 16px/normal "Times New Roman";
background:#fff;
box-shadow: 0 0 12px rgba(0,0,0,.4);
cursor:pointer;
border-radius:20px;
padding:3px 7px;
border:solid 3px rgba(0,0,0,.5);
top:-20px;
right:-20px;
}
</style>
</head>
<body>
<div id="pun">
<div class="showcase"><input type="button" value=" Подробнее " onclick="document.getElementById('ch1').style.display='block'"></div>
<div id="ch1">
<span id="closeButton" onclick="document.getElementById('ch1').style.display='none'" title=" Закрыть ">Х</span>
<iframe src="http://javascript.ru/forum/" width="100%" height="508">Ваш браузер не поддерживает плавающие фреймы!</iframe>
</div>
</div>
</body>
</html>
Ссылку во фрейме заменил для теста