Непонятное увеличение высоты

Колос · March 13, 2009

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
	<title>Непонятное увеличение высоты</title> 
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style>
	  HTML
	  {
		height:100%;
	  }
	  BODY 
	  {
		margin:0px;
		padding:0px;
		height:100%;
	  }
	  #zagolovok
	  {
		margin-top:100px;
		border:solid 1px #E3D884;
	  }
	</style>
  </head>
  <body>
	<div id="zagolovok">Заголовок</div>
  </body>
</html>

В ИЕ всё работает понятно для меня, в мазиле и опере же способ работы данного кода для меня не понятен. Почему в них задание для слоя #zagolovok свойства margin-top:100px приводит к растяжению родительского слоя, т.е. BODY? На основании каких правил это происходит?

Gamer · March 13, 2009

А зачем вообще <BODY> присваивать высоту? Это не контейнер.

Victor Ananiev · March 13, 2009

это вроде схлопывание)) попробуй через top:100px;

Колос · March 13, 2009

А зачем вообще <BODY> присваивать высоту? Это не контейнер.

Это просто пример. Можно рассмотреть два вложенных обычных слоя. Будет тоже самое.

Колос · March 13, 2009

это вроде схлопывание)) попробуй через top:100px;

Виктор, спасибо. По ключевому слову "схлопывание" нашёл где это описывается подробно.

Границы и отступы в потоке

.... А хвалёный файрфокс тоже не без причуд оказывается. :lol:

Gamer · March 13, 2009

Почему в них задание для слоя #zagolovok свойства margin-top:100px приводит к растяжению родительского слоя, т.е. BODY?

А что, по вашему, должно происходить? Вопрос снят.

Edited March 13, 2009 by Gamer

Victor Ananiev · March 13, 2009

Всегда пожалуйста))

s0rr0w · March 13, 2009

.... А хвалёный файрфокс тоже не без причуд оказывается.

:lol:

Отображение по-стандарту нынче "причудами" величают?!

Колос · March 13, 2009

По какому стандарту?

Стандарт MS IE в этом случае более удобный мне кажется. :lol:

Edited March 13, 2009 by Колос

s0rr0w · March 13, 2009

По какому стандарту?

По единственному стандарту для веба

http://www.w3.org/TR/CSS21/box.html#collapsing-margins

Стандарт MS IE в этом случае более удобный мне кажется.

Никогда не слышал про стандарт MS IE... Это вы баги движка так называете?

Стоит добавить, что основателем технологии CSS является MS, которая в собственных же браузерах так и не удосужилась сделать адекватную поддержку своих же стандартов.

Колос · March 13, 2009

Стоит добавить, что основателем технологии CSS является MS, которая в собственных же браузерах так и не удосужилась сделать адекватную поддержку своих же стандартов

А что MS участвовала в W3C?

Я почему-то считал, что там собрались люди не любящие Майкрософт и создавшие свой стандарт, сколь возможно удалённый от ИЕ. Майкрософт же в ответ просто забил на них. Всё не так?

s0rr0w · March 13, 2009

А что MS участвовала в W3C?
Я почему-то считал, что там собрались люди не любящие Майкрософт и создавшие свой стандарт, сколь возможно удалённый от ИЕ. Майкрософт же в ответ просто забил на них. Всё не так?

MS является одним из участников w3c.

http://www.w3.org/Consortium/Member/List

Правда про CSS я немного прогнал, MS являлась основным распространителем технологии в доисторические времена, а создали стандарт таки в w3c.

Sign In

Непонятное увеличение высоты

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information