Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Непонятнка с размерами ДИВА


Автор: GIK 8.3.2008, 12:41
Всем привет.
Народ, не дайте сойти сума и без того ***** человеку.
У меня почему-то некоторые дивы отображают некоректные размеры, где ошибка?
 
Код

<html> 
<head>
<LINK href="fotodom/html/foto/styles111.css" type=text/css rel=stylesheet>
<style type=text/css>

body {margin:0; padding:0}

DIV.d_class{
          background:#678788;
        visibility:visible; 
};

</style>
<script language="javascript" type="text/javascript">



</script>
</head>

<body bgcolor="#DCEFF6">

<img src="img1.jpg" width=70px height=70px id=im1 onMouseOver="fak11(this)" onMouseOut="fak10(this)" style="position:absolute;top:0;left:0;">               

<img src="img1.jpg" width=70px height=70px id=im2 onMouseOver="fak11(this)" onMouseOut="fak10(this)" style="position:absolute;top:0;left:71;">

<img src="img1.jpg" width=70px height=70px id=im3 onMouseOver="fak11(this)" onMouseOut="fak10(this)" style="position:absolute;top:0;left:142;">


<DIV id=d1 class=d_class style="position:absolute; top:120; left:120;  width:12px; height:1px;"></div>
<DIV id=d11 class=d_class style="position:absolute; top:120; left:150;  width:1px; height:12px;"></div>

<DIV id=d2 class=d_class style="position:absolute; top:170; left:190; width:12px; height:1px;"></div>
<DIV id=d22 class=d_class style="position:absolute; top:210; left:270;  width:1px; height:12px;"></div>



</BODY>
</HTML>

Автор: ilyaILF 8.3.2008, 13:08
По-умолчанию DIV в IE рассчитан на текст (его размер) который в нем может быть расположен, поэтому просто так установить высоту в 1px и не получается. Вы должны написать стили
Код

<DIV id=d1 class=d_class style="position:absolute; top:120; left:120;  width:12px; height:1px; overflow: hidden;"></div>
или
<DIV id=d1 class=d_class style="position:absolute; top:120; left:120;  width:12px; height:1px; font-size: 0px; line-height: 0px;"></div>

overflow: hidden; или font-size: 0px; line-height: 0px;
P.S. При разработках вэб-сайтов используйте DOCTYPE http://www.w3schools.com/tags/tag_doctype.asp тогда у вас сайт будет отображаться в соответствии со стандартами, иначе он будет отображаться в каждом из броузеров в режиме quirk-mode (в соответствии с логикой, заложенной в этих броузерах) http://www.wellstyled.com/html-doctype-and-browser-mode.html

Автор: SelenIT 8.3.2008, 13:27
Цитата(ilyaILF @  8.3.2008,  13:08 Найти цитируемый пост)
тогда у вас сайт будет отображаться в соответствии со стандартами

Точнее, в максимальном приближении к стандартам, достижимом в данном браузере smile. В частности, стандартный режим IE по факту ближе к "полустандартному" режиму Мозиллы. Есть еще одна хорошая http://hsivonen.iki.fi/doctype/ по теме (с чуть более развернутой таблицей), перевод прошлой редакции которой есть в разделе "статьи" этого форума smile.

Автор: GIK 8.3.2008, 14:39
Ребят, спасибо, реально помогли  smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)