Вот не робит в IE6, а если раскомментарить строку то и в FF не робит .... Ну смысл: через JS натянуть div на весь экран. Код (Text): <html> <head> <title></title> <style type="text/css"> .cls1{ width: 100px; height: 100px; background-color:red; } .cls2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } </style> </head> <body bgcolor="yellow"> <table cellpadding="0" cellspacing="0" border="10"> <tr> <td align="left" valign="top" style="padding:0 0 0 100;"><div class="cls1" id="dv">123</div></td> </tr> </table> <script language="JavaScript"> alert(1); // document.getElementById("dv").className="cls2"; document.getElementById("dv").style.position="absolute"; document.getElementById("dv").style.left="0"; document.getElementById("dv").style.top="0"; document.getElementById("dv").style.width="100%"; document.getElementById("dv").style.height="100%"; </script> </body> </html>
1 - Именно через JS или вообще ? 2 - Именно Div или можно другими путями ? HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>123</title> <style type="text/css"> html, body {height: 100%;margin: 0; padding: 0; background:#ff0} div { height: 100%;width:50%; background:#369} </style> </head> <body> <div>123</div> </body> </html>
1 - сам то давно забил, вот клиенты ... с урала мы 2 - надо через JS этот div, именно из ячейки таблицы, сделать его по 100% экрану поверх всего, а потом обратно (редактор распахнули - спахнули) 1 - именно через JS 2 - именно тот пример что я указал, именно внутри таблицы
не прокатит. создавай новый див в боди. он будет редактором. а то у тебя див в контейнере ж. как вариант - укажи ширину не 100%, а ширину боди в пуцкелях...
а обязательно такой гемор? сделай кнопочку "редактировать" в ячейке таблицы. нажал - открылся редактор на всю страницу уже.
а я бы вобще не стал так делать целиком. если требуется такой толстый редактор, то по уму - открывать его на следующей странице.
Блин, попробовал в IE8 - тож самое, так что забить вообще на IE не получится. Для нормальных width и height=100% , а для для IE растягиваю по габаритам клиентской области: Код (Text): div.style.width=document.body.clientWidth; div.style.height=document.body.clientHeight; Остается глюк при изменении размеров окна, так что надо вешать onresize и подгонять новые габариты.
А пример можно? Пробовал cloneNode, но куда-то терялось содержимое (самого редактора) ... Мне ж надо редактор из этой ячейки выдернуть наружу, а потом обратно засунуть.
Ну вот и этот костыль победил, почему-то при клонировании редактора содержимое iframe терялось ... Запомнил ячейку таблицы, скопировал содержимое редактора, через cloneNode removeChild appendChild вынес редактор в body, заполнил его содержимым и наконец распахнул - заработало во всех моих бродилках и ie6,8.