Скрипт для динимического изменения div
Уже несколько дней мучаюсть с виравниванием по центру div с абсолютним позиционированием под разные разрешения. Виставил на родном разрешении, а на других сезжает вот код со стилей
.cont{ width:900px; height:700px; position:absolute; left:20%; top:15%; margin:-100px 0 0 -150px; } <div class="cont" > <table width="900" height="100%" border="0" cellpadding="0" cellspacing="0" align="center"> ....... </table> </div> силка на сайт http://joshuahouselifecenters.org/sculp/ Как скриптом динамично изменять свойство div. Есть такой скрипт : <script language="javascript"> var height=0; var width=0; if (self.screen) { // для Netscape и IE версий 4 и выше width = screen.width height = screen.height } else if (self.java) { // для Netscape3 var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; } </script> <script language="javascript"> if (width > 1024 && height > 768) {document.getElementByClass('cont').style.left='40 %'} else { document.writeln('Разрешение вашего монитора не определено')} </script> Пробывал document.getElementById не работает |
top = (высота рабочей области браузера минус высота div)/2,
left = (ширина рабочей области браузера минус ширина div)/2 |
Почему то уменя несдвигаеться div
Пробую такой код
<script language="javascript"> document.getElementById("cont").style.left = "40px"; </script> </head> <body> <div id="cont" style=" position:absolute; width:200px; height:300px; background-color:#00FF66"> </body> вроде простой варіант. Но дів не двигаеться |
Цитата:
|
| Часовой пояс GMT +3, время: 10:11. |