>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Разработка http://forum.mozilla-russia.org/viewforum.php?id=18 >Помогите разобраться с textarea, pls? http://forum.mozilla-russia.org/viewtopic.php?id=7098 |
MadGraph > 22-12-2005 16:54:40 |
Вопрос не совсем по FF, скорее по кросбраузерности (CSS+JS). Выделить код Код:<html> <head> <title></title> <script> function init() { var div1 = document.getElementById('a'); var div2 = document.getElementById('b'); div2.style.top = div1.offsetTop; div2.style.top = div1.offsetLeft; var textarea = document.createElement('textarea'); textarea.style.width = '400px'; textarea.style.height = '200px'; textarea.style.margin = '0px'; textarea.style.padding = '0px'; textarea.style.border = '0px none black'; div2.appendChild(textarea); } function changeView() { var div1 = document.getElementById('a'); var div2 = document.getElementById('b'); if (div1.style.display == 'none' && div2.style.display == 'block') { div2.style.display = 'none'; div1.style.display = 'block'; return true; } else if (div1.style.display == 'block' && div2.style.display == 'none') { div1.style.display = 'none'; div2.style.display = 'block'; return true; } else { return false; } } </script> </head> <body onload="init();"> <div id="a" style="border: 1px solid red; display: block; width: 400px; height: 200px; margin: 0px; padding: 0px;"></div> <div id="b" style="border: 1px solid green; display: none; width: 400px; height: 200px; margin: 0px; padding: 0px;"></div> <input type="checkbox" onclick="changeView();"> </body> </html> - так вот IE лепит вокруг скроллбара в textarea по одному пикселю отступов, что вызывает дерганье размеров второго div-а. Просто отключение scrollbar-а в textarea (используя overflow) не помогает. |
RcT > 22-12-2005 17:18:21 |
MadGraph так не устраивает? |
MadGraph > 22-12-2005 17:51:42 |
RcT пишет
К сожалению нет. Я в вопросе просто пример привел, чтобы показать в чем проблема. А хотелось бы разобраться как избавиться именно от этих отступов. |
Rion > 23-12-2005 12:00:30 |
методом тыка удалось сделать такое |
Al_H > 23-12-2005 12:48:10 |
Тогда лучше так: Выделить код Код:<style type="text/css"> <!-- .tmpc {margin: 0px;} * html .tmpc { margin-bottom:-4px; margin-right:-4px; } --> </style> |
MadGraph > 23-12-2005 15:30:00 |
Все конечно здорово (спасибо на самом деле, что озадачились). Но это же тоже самое, что и в первом ответе - только в профиль )). |