DIV height:0 in IE

**Anv** · 16.04.2009, 12:05

Есть 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(&#39;d2&#39;);
****d2.style.height = 1;
****var d4 = document.getElementById(&#39;d4&#39;);
****d4.style.height = 18;
}
function go2()
{
****var d2 = document.getElementById(&#39;d2&#39;);
****d2.style.height = 18;
****var d4 = document.getElementById(&#39;d4&#39;);
****d4.style.height = 18;
}
</script>

**Aykroyd** · 16.04.2009, 19:42

{font-size: 0}

**Anv** · 16.04.2009, 23:05

{font-size: 0}

ИЕ7.0 не работает, два или три пиксела остается визуально...
:-(

**Aykroyd** · 17.04.2009, 04:07

<!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&#39

;
d2.style.height = 0 + 'px';
var d4 = document.getElementById('d4&#39

;
d4.style.height = 18 + 'px';
}
function go2()
{
var d2 = document.getElementById('d2&#39

;
d2.style.height = 18 + 'px';
var d4 = document.getElementById('d4&#39

;
d4.style.height = 18 + 'px';
}
</script>
</body>
</html>

Тема: DIV height:0 in IE

Опции темы

Поиск по теме

Отображение

Похожие темы

ie6 div height background

Аналог min-height для IE

XHTML и height:100%

height: 100%; и DOCTYPE

Как растянуть DIV на height: 100%?

Ваши права