-
Есть div, задаю высоту = 0 - не работает в ИЕ, в FF все прекрасно.
Меняю на 1 - работает.
Не смог пока найти решения.
Вот соорудил кусок кода:
Код:
<style>
div.a {
****background-color: #dddddd;
}
div.b {
****background-color: #336633;
****overflow: hidden;
****height: 0;
}
</style>
<div id="d1" class="a">11111111111111111</div>
<div id="d2" class="b">22222222222222222</div>
<div id="d3" class="a">33333333333333333</div>
<div id="d4" class="b">44444444444444444</div>
<input type="button" value="Go" onclick="go()">
<input type="button" value="Go2" onclick="go2()">
<script>
function go()
{
****var d2 = document.getElementById('d2');
****d2.style.height = 1;
****var d4 = document.getElementById('d4');
****d4.style.height = 18;
}
function go2()
{
****var d2 = document.getElementById('d2');
****d2.style.height = 18;
****var d4 = document.getElementById('d4');
****d4.style.height = 18;
}
</script>
-
-
ИЕ7.0 не работает, два или три пиксела остается визуально...
:-(
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
div.a {background: #dddddd;}
div.b {background: #336633; overflow: hidden; height: 0;}
</style>
</head>
<body>
<div id="d1" class="a">11111111111111111</div>
<div id="d2" class="b">22222222222222222</div>
<div id="d3" class="a">33333333333333333</div>
<div id="d4" class="b">44444444444444444</div>
<input type="button" value="Go" onclick="go();">
<input type="button" value="Go2" onclick="go2();">
<script type="text/javascript">
function go()
{
var d2 = document.getElementById('d2');
d2.style.height = 0 + 'px';
var d4 = document.getElementById('d4');
d4.style.height = 18 + 'px';
}
function go2()
{
var d2 = document.getElementById('d2');
d2.style.height = 18 + 'px';
var d4 = document.getElementById('d4');
d4.style.height = 18 + 'px';
}
</script>
</body>
</html>
