VPF::Непонятнка с размерами ДИВА - Форум программистов

GIK

Дата 8.3.2008, 12:41 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: нет
Всего: 14

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

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 70
Регистрация: 8.11.2006

Репутация: 6
Всего: 6

По-умолчанию 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

Это сообщение отредактировал(а) ilyaILF - 8.3.2008, 13:12

SelenIT

Дата 8.3.2008, 13:27 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Цитата(ilyaILF @ 8.3.2008, 13:08

)

тогда у вас сайт будет отображаться в соответствии со стандартами

Точнее, в максимальном приближении к стандартам, достижимом в данном браузере smile

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

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

GIK

Дата 8.3.2008, 14:39 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: нет
Всего: 14

Ребят, спасибо, реально помогли smile

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »