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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Проблемы с высотой элемента в разных браузерах 
V
    Опции темы
CMD
Дата 1.8.2006, 20:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Подскажите пожалуйста как сделать, чтоб страничка во всех броузерах(по крайней мере в IE, Opera, Firefox) смотрелась одинакого как например сайт adobe.com : они используют тэг <p>, однако как я не пробывал, во всех браузерах высота между параграфами разная, т.е. страничка одного и того же текста в IE занимает половину страницы в Opera. Был такой вариант, в таблице стилей настроить <p>:
Код
p{margin-top:10px; margin-bottom:10px}


но высота остаётся прямопропорциональна браузеру
Потом решил с помощью яваскрипта проверять броузер, и выставлять значения margin-top и margin-bottom: броузер определяет, а как параметры менять я не знаю, помогите пожалуйста разобраться. smile 
PM MAIL   Вверх
ZlojEzh
Дата 2.8.2006, 16:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Код

p {line-height:1.5em;}

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


Новичок



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

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



Нет, как я понял у этого тэга по умолчанию разные параметры у разных браузеров, то есть параметр, который задаёш какбы добавляется к тому, что стоит в броузере по умолчанию, вобщем страничка выглядит всёравно по-разному. smile 
PM MAIL   Вверх
ZlojEzh
Дата 4.8.2006, 10:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



по поводу ява-скрипта для изменения параметров:
Код

document.getElementById('p_id').style.lineHeight = 'браузер*навороченный_коэфициент_отступа_)';


PM MAIL ICQ   Вверх
Illuminaty
Дата 4.8.2006, 12:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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



вот пример:
Код
<!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=windows-1251">
<style type="text/css">
p {
    background-color:#339966;
    margin: 10px 0px;
    padding: 0px;
    line-height: 20px;
}
body {
    margin: 0px;
    padding: 0px;
}
</style>
</head>
<body>
<p>
Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 
Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 
Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 
Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 Бла1 
</p>
<p>
Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 
Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 
Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 
Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2 Ба2
</p>
<p>
Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 
Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 
Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 
Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 Бла3 
</p>
</body>
</html>

Расстояния одинаковые (специально измерял). Для полной идентичности отображения нужно еще и шрифты жестко задать.

Эта проблема возникает при использовании стилей по умолчанию.
PM MAIL ICQ   Вверх
CMD
Дата 6.8.2006, 20:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Огромное человеческое спасибо Illuminaty!! Просто возродил мою веру в людей! Если будут вопросы по с++, обращайся.




Тема Закрыта.
PM MAIL   Вверх
Illuminaty
Дата 6.8.2006, 20:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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



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


 




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


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

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