Коментарии влияют на верстку?! O_o

generator2003 · August 9, 2009

Вот пример трехколоночной DIV вёрстки когда ставлю коментарии(см коммент ) в коде то выползяют буквы за пределы правой колонки коменты убираю всё хорошо. Причём такое же я вление наблюдал и в другой вёрстке проверил тоже виноваты комменты.

что за фигня ???

Проблему наблюдаю в IE 6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>Трехколоночный макет страницы с помощью CSS</title>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style>
* {margin: 0;padding: 0; font: 14px/17px "Trebuchet MS", Tahoma, Arial}
p {padding: 10px;}
#header {height: 100px; background: #DFDFDF; text-align: center;}
#text {background: #D5FFD5;}
#left {background: #FFF2BF;}
#right {background: #BFF2FF;}
#footer {height: 100px; background: #FFCACA;}
.clear {clear: both;}


/* код для разметки 3-х колонок */
#wrapper {
  width: 100%;
  width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
  min-width: 1000px;
}
#container {width: 100%;}
#content {
  width: 100%;
  float: left;
}
#text {margin: 0 250px;}
#left {
  float: left;
  width: 250px;
  margin-left: -100%;
}
#right {
  float: left;
  width: 250px;
  margin-left: -250px;
}
</style>
</head>

<body>

<div id="wrapper">

  <!--HEADER-->
  <div id="header">HEADER

  </div>
  <!--HEADER END-->

  <div id="container">

     <!--content -->
    <div id="content">
      <div id="text">
<p>Lorem ipsum dolor sit amet consectetuer pede aliquet sed laoreet nulla. Elit et Nam adipiscing Cum et odio congue hendrerit cursus augue. Sapien elit eget morbi Nullam dictumst metus sem Vestibulum dapibus feugiat. Pellentesque Nam et feugiat nibh Vestibulum In ligula Cras est justo. Malesuada sed feugiat risus tincidunt sem nibh Nulla ipsum sed congue. Lorem felis Nullam.</p>
<p>Nibh felis sapien feugiat Nam justo elit elit Suspendisse neque lobortis. Sem lorem congue Vestibulum massa id dolor pede mauris Vestibulum tellus. Dictumst justo at ipsum massa at ac diam vitae nibh interdum. Magnis vitae Nulla convallis consequat ac vitae Fusce dolor pharetra feugiat. Nunc pretium sed nulla pede Ut natoque rutrum eu eu id. Dui suscipit vitae ornare faucibus Praesent dui Donec felis montes eget. </p>
<p>Aliquet egestas tempus nec lorem nisl felis tincidunt Donec Aenean id. Commodo sapien quis libero eleifend ridiculus Praesent a sapien elit lorem. Ac libero facilisi congue id et Aenean Sed justo eget a. Ut dui vel nibh consectetuer eget in nibh Aenean tellus leo. Non nec tempus Praesent eget et semper et Curabitur.</p>
<p>Semper adipiscing mauris justo neque Quisque id dui leo semper rutrum. Tempor pede sem elit Quisque Pellentesque purus quis Phasellus ut purus. Ligula sed lorem malesuada augue nibh est Donec tellus turpis id. Faucibus ac et metus mi laoreet eros est porttitor auctor Vestibulum. Mattis fames commodo wisi vitae Quisque Sed Vivamus senectus ac non. Quis platea.</p>
      </div>

    </div>
    <!--content end-->

<!--left  --> 
<!--left  -->
<!--left  -->
<!--left  -->
<!--left  -->
<!--left  -->
<!--left  -->
<!--left  -->   
    <div id="left">
<p>Lorem ipsum dolor sit amet consectetuer pede aliquet sed laoreet nulla. Elit et Nam adipiscing Cum et odio congue hendrerit cursus augue. Sapien elit eget morbi Nullam dictumst metus sem Vestibulum dapibus feugiat. Pellentesque Nam et feugiat nibh Vestibulum In ligula Cras est justo. Malesuada sed feugiat risus tincidunt sem nibh Nulla ipsum sed congue. Lorem felis Nullam.</p>
		</div>

    <div id="right">
<p>Lorem ipsum dolor sit amet consectetuer pede aliquet sed laoreet nulla. Elit et Nam adipiscing Cum et odio congue hendrerit cursus augue. Sapien elit eget morbi Nullam dictumst metus sem Vestibulum dapibus feugiat. Pellentesque Nam et feugiat nibh Vestibulum In ligula Cras est justo. Malesuada sed feugiat risus tincidunt sem nibh Nulla ipsum sed congue. Lorem felis Nullam.</p>
		</div>

    <div class="clear"></div>
  </div>

  <div id="footer"></div>

</div>

</body>
</html>

Edited August 9, 2009 by generator2003

psywalker · August 9, 2009

Да, это старый очередной тупой баг ИЕ6, лечиться zoom:1; просто поставь его

.clear {clear: both;zoom:1;}

generator2003 · August 9, 2009

А есть ли линк где этот баг описан подробно ??? Или как он называется ?? Хочется взглянуть общее на описание проблемы

Для конкретной вёрстки ясно что делать есть похожая верстка с такой же проблемой сделанная по подобию этой статьи http://softwaremaniacs.org/blog/2006/01/17...layout-example/

как я понимаю "виноват" следующий div после того из которого выезжают буквы

psywalker · August 9, 2009

А есть ли линк где этот баг описан подробно ??? Или как он называется ?? Хочется взглянуть общее на описание проблемы
Для конкретной вёрстки ясно что делать есть похожая верстка с такой же проблемой сделанная по подобию этой статьи http://softwaremaniacs.org/blog/2006/01/17...layout-example/
как я понимаю "виноват" следующий div после того из которого выезжают буквы

Да не заморачивайся ты, никчему всё это, ИЕ6 содержит кучу багов и этому уже не стоит удивляться и тратить время. Просто почаще прописывай zoom:1; проблемным блокам, хорошая штука, часто выручает

hf3 · August 10, 2009

Я тут недавно полночи не мог понять почему во всех ИЕ меню разъезжается… оказалось из за подключения базы данных до объявления Доктайпа…

psywalker · August 10, 2009

Я тут недавно полночи не мог понять почему во всех ИЕ меню разъезжается… оказалось из за подключения базы данных до объявления Доктайпа…

Правильно, потому что Доктайп в документе должен идти первым, причём исключать нужно даже пробелы, так как они тоже могут создать непонятные отступы

hf3 · August 10, 2009

Ну я так и понял в итоге

Int · August 10, 2009

Так он наверное и идёт первым, до этого-то идёт php-код.

psywalker · August 10, 2009

Так он наверное и идёт первым, до этого-то идёт php-код.

Не факт, я сам лично видел и попадал в ситуацию, когда меняется Доктайп и случайно ставиться не на первую строку, а на вторую, тем самым делая от верхнего края страницы отступ в одну строчку, далее при отображении в браузере появляется непонятный отступ вверху, который хрен уберёшь ещё, пока не догадаешься в чём дело!

Int · August 11, 2009

Но инициализацию сессии и отсылку куков всё равно нужно делать до доктайпа, так что от этого никуда не денешься.

SelenIT · August 11, 2009

Чистые пробелы/пустая строка на режим влиять не должны (по идее). Но вполне может влиять BOM-метка (если скрипт в кодировке utf-8 и редактировался в тупом редакторе, напр. "блокноте")...

Sign In

Коментарии влияют на верстку?! O_o

Question

Link to comment

Share on other sites

10 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

Join the conversation

Обсуждения

Important Information