Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> ПРОБЛЕМЫ С ВЫСОТОЙ DIVа 
:(
    Опции темы
webtailor
Дата 2.7.2006, 20:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



ЗДРАВСТВУЙТЕ, объясните пожалуйста мне почему нижеприведенный код отображается не так как в нем указано, т.е. высота блока получается гораздо больше чем 5 рх ???

<html>
<head>
<title>ПОРЕЗКА</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div style="position:absolute; top:5px; left:25px; height:5px; width:500px;  background-color:#080878";></div>
</body>
</html>

почему это происходит и как с этим бороться при условии, что блок должен быть пустым?
                           спасибо!!! 
PM MAIL   Вверх
EDuard
Дата 2.7.2006, 22:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



webtailor, браузер, очевидно, осел?
а див по сути для текста создан вот и задает ему по дефолту высоту шрифта. 

Код

<html>
<head>
<title>ПОРЕЗКА</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div style="position:absolute; top:5px; left:25px; height:5px; width:500px;  background-color:#080878; font: 1px Tahoma;"></div>
</body>
</html>


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

P.S. все ИМХО. 


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

PM MAIL WWW ICQ   Вверх
webtailor
Дата 3.7.2006, 07:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



уже лучше, но если задать height:1px; font:1px;  то получается всё равно немного толще.
как быть? 
PM MAIL   Вверх
EDuard
Дата 3.7.2006, 07:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



webtailor, тебе нужна просто полоска или именно див? и для каких целей? 


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

PM MAIL WWW ICQ   Вверх
webtailor
Дата 3.7.2006, 09:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



мне нужна узкая полоска высотой 2рх, но она должна быть абсолютно позиционируемая т.к. это часть графики.
конечно я мог бы использовать и другой способ, НО!!! тут уже дело принципа (как это так, DIV не подчиняется заданным размерам!!!).

поэтому очень прошу помочь разобраться в этом вопросе! 
PM MAIL   Вверх
dm9
Дата 3.7.2006, 11:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



webtailor, решение следующее:

font-size: 1px;
line-height: 1px;

При этом я рекомендую делать эту полоску не цветом фона в ДИВе высотой 2px, а бордером на ДИВе высотой 1px.
 
PM MAIL ICQ   Вверх
webtailor
Дата 3.7.2006, 14:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



хорошо, ну а если мне надо сделать полоску толщиной именно 1рх, как быть в таком случае? 
PM MAIL   Вверх
dm9
Дата 3.7.2006, 14:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



Код

<style type="text/css">
div.hr {
line-height: 1px;
font-size: 1px;
height: 1px;
border-bottom: 1px solid #333;
}
</style>

<div class="hr"></div>
 
PM MAIL ICQ   Вверх
webtailor
Дата 3.7.2006, 14:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



да, но если в код добавить  background-color:#080878 то мы увидим настоящую высоту ДИВа.
есть ли ещё варианты??? 
PM MAIL   Вверх
Jull
Дата 3.7.2006, 15:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



ну тогда ничего не остается, кроме как <hr> использовать smile 
PM MAIL   Вверх
dm9
Дата 3.7.2006, 15:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



Цитата(webtailor @  3.7.2006,  15:31 Найти цитируемый пост)
да, но если в код добавить  background-color:#080878 то мы увидим настоящую высоту ДИВа.есть ли ещё варианты??? 


1) В нормальных браузерах она будет однопиксельной.
2) ЗАЧЕМ его добавлять????????  smile  smile  smile  smile  smile  
PM MAIL ICQ   Вверх
webtailor
Дата 4.7.2006, 15:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



значит, возможно, дело в браузере. Так может в нормальном браузере тот код, который я написал в самом начале будет отображаться как написано (height:5px;)???
Лично я работаю в Интернет Эксплорере.


M
Illuminaty
Удалил часть сообщения.
webtailor, для таких предложений наиболее подходит раздел Совместные проекты/поиск партнёров
 

Это сообщение отредактировал(а) Illuminaty - 4.7.2006, 16:18
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0771 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.