Javascript-форум (https://javascript.ru/forum/)
-   Сайт Javascript.ru (https://javascript.ru/forum/site/)
-   -   Как сделать height="100%" width="100%" (https://javascript.ru/forum/site/36078-kak-sdelat-height%3D-100%25-width%3D-100%25.html)

Сергей-Сергей 03.03.2013 16:42
Как сделать height="100%" width="100%"
 
Помогите пожалуйста сделать вот этот плавающий баннер, чтобы он растягивался на весь экран. То есть задать ему авто или 100% по ширине и высоте окна сайта или отвязать его от привязки к стороне, а чтобы он находился по центру, не зависимо какой размер экрана.

Буду премного благодарен.

<div id="banner" style="z-index:1000; position: fixed; top:220px; right:0px"><table style="background-color: rgb(255, 255, 255);" border="0" cellpadding="0" cellspacing="0" height="223" width="462"><tbody><tr><td align="center"> Введи сюда текст на всплывающем окне <br><a href="#" onclick="document.getElementById(&quot;banner&quot;).style.display=&quot;none&quot;">Текст для закрытия окна/close</a></td></tr></tbody></table></div>

danik.js 03.03.2013 16:48
Так и прописать в style - width:100%;height:100%;

Сергей-Сергей 03.03.2013 16:59
Цитата:
Сообщение от danik.js (Сообщение 238489)
Так и прописать в style - width:100%;height:100%;
Спасибо но так не получается! Вот как его растянуть на весь экран? Вот как?

Deff 03.03.2013 18:54 
<table id="banner"border="2" cellpadding="0" cellspacing="0"  style="background-color: blue;width:100%;height:100%;position: fixed;top:0;left:0;z-index:1000;"><tbody><tr>
        <td align=center valign=center>
<div style="background-color:red;color:blue;height:223px;width:462px"><a href="#" onclick="document.getElementById(&quot;banner&quot;).style.display=&quot;none&quot;" style="float:right;color:#000;">close X </a>
            Введите сюда текст на всплывающем окне <br>
            Введите сюда текст на всплывающем окне <br>
</div>
        </td>
</tr></tbody></table>

Сергей-Сергей 03.03.2013 20:22
Цитата:
Сообщение от Deff (Сообщение 238502) 
<table id="banner"border="2" cellpadding="0" cellspacing="0"  style="background-color: blue;width:100%;height:100%;position: fixed;top:0;left:0;z-index:1000;"><tbody><tr>
        <td align=center valign=center>
<div style="background-color:red;color:blue;height:223px;width:462px"><a href="#" onclick="document.getElementById(&quot;banner&quot;).style.display=&quot;none&quot;" style="float:right;color:#000;">close X </a>
            Введите сюда текст на всплывающем окне <br>
            Введите сюда текст на всплывающем окне <br>
</div>
        </td>
</tr></tbody></table>
Спасибо вам большущее! :thanks: :thanks: :thanks:
Выручаете меня, уже не первый раз! Thank you very much!:thanks:


Часовой пояс GMT +3, время: 07:49.