Ещё одна проблемка

lazybaby · March 22, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<style>

#div1 {

position: relative;

}

#div2 {

position: absolute;

background: red;

left: 40%;

width: 5%;

top: 20%;

height: 10%;

}

</style>

</head>

<body>

</div>

alert (document.getElementById("div2").parentNode.offsetHeight + " : " + document.getElementById("div2").offsetHeight);

</script>

</body>

</html>

Во всех браузерах работает, кроме IE6. В нём совершенно непонятно как устанавливается высота div2. Точно не 10% (скрипт ниже это демонстрирует), и к тому же не масштабируется при изменении размеров окна.

P.S. Нашел решение. Как то так:

body {

height:100%;

}

<!--[if IE 6]>

<style>

* body #div1 {

height:100%;

}

</style>

<![endif]-->

Условие необходимо, т.к. иначе ломается во всех остальных браузерах.

Edited March 22, 2009 by lazybaby

Victor Ananiev · March 22, 2009

от чего по вашему должны считаться 10% ?

Justnewone · March 23, 2009

от чего по вашему должны считаться 10% ?

Кстати,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

неправильный доктайп. Скорей всего будет парситься в quirk mode, и body #div1 можно без звездочки.

Victor Ananiev · March 23, 2009

чем он неправильный?

Justnewone · March 23, 2009

чем он неправильный?

Должно быть

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

верней, xml:lang="en" lang="en" - опционально, xmlns="http://www.w3.org/1999/xhtml" - обязательно.

Edited March 23, 2009 by Justnewone

Victor Ananiev · March 23, 2009

сам доктайп правельный) а вот у html не прописать xmlns, это не доктайп)

Justnewone · March 23, 2009

сам доктайп правельный) а вот у html не прописать xmlns, это не доктайп)

Ну типа того , в контексте XHTML, где важна не только 1 строка, я написал так, собственно, главное что истина выкопана.

Sign In

Ещё одна проблемка

Question

lazybaby

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Victor Ananiev

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Victor Ananiev

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information