Помогите разобраться с textarea, pls?

MadGraph · №1

Вопрос не совсем по 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) не помогает.
Чего уже только не пробовал, но ничего не добился - div-ы могут стоять как влитые, либо в FF, либо в IE!
Поможите кто может

Отредактировано MadGraph (22-12-2005 17:16:28)

RcT · №2

MadGraph

Выделить код

Код:

textarea.style.width = '398px';
    textarea.style.height = '196px';

так не устраивает?

Отредактировано RcT (22-12-2005 17:18:49)

MadGraph · №3

RcT пишет

MadGraph
Выделить код
Код:
textarea.style.width = '398px';
    textarea.style.height = '196px';
так не устраивает?

К сожалению нет. Я в вопросе просто пример привел, чтобы показать в чем проблема. А хотелось бы разобраться как избавиться именно от этих отступов.

Rion · №4

методом тыка удалось сделать такое
<style type="text/css">
.tmpc {
margin:0px;
_margin-bottom:-4px;
_margin-right:-4px;
}
</style>
...
textarea.className='tmpc';
//textarea.style.margin = '0px';

Al_H · №5

методом тыка удалось сделать такое

Тогда лучше так:

Выделить код

Код:

<style type="text/css">
<!--
.tmpc {margin: 0px;}
* html .tmpc {
margin-bottom:-4px;
margin-right:-4px;
}
-->
</style>

MadGraph · №6

Выделить код

Код:

<style type="text/css">
<!-- .tmpc {margin: 0px;}
* html .tmpc { margin-bottom:-4px; margin-right:-4px; }
-->
</style>

Все конечно здорово (спасибо на самом деле, что озадачились). Но это же тоже самое, что и в первом ответе - только в профиль )).
Но вопрос все-таки в том - можно ли ПРИНЦИПИАЛЬНО избавиться от этих отступов, а не подвижками самого TEXTAREA

З.Ы. Если нельзя, то и фиг с ним (хотя конечно жалко убитого времени)!

Отредактировано MadGraph (23-12-2005 15:30:47)

Полезная информация

№122-12-2005 16:54:40