список по разному отображается

**Alannn** · 15.08.2008, 20:06

Здрасти! В разных браузерах мой список отображается по разному (расстояние между строками в опере намного меньше чем в IE, а в NavigatorЕ немного больше чем в IE), помогите пжлст, вот код:
______________________________________________
css:
UL {padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-left: 25px;
}
li {margin-bottom: 0px;
margin-top: -1px;
padding: 0px;
list-style: none;
}
html:
<td style="background: url(4321.jpg) no-repeat; background-color: #ffffff" align="right" valign="top" width="225" height="700">

<table class="right" style="background: url(99.jpg) no-repeat; background-color: #ffffff; margin-top: 16px; padding-top: 15px; padding-left: 5px" valign="top" width="225" height="650" border="0" cellspacing="0" cellpadding="0">
<tr><td height="20">[img]135.jpg[/img]

[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
................. еще штук 30
[Только зарегистрированные пользователи могут видеть ссылки. ]

</td></tr>
</table>

</td>

**Alexis** · 15.08.2008, 22:32

Вроде спрашиваешь про списки, а приводишь весь этот табличный мусор

Какой DOCTYPE применяется, если применяется вообще?
из css можно все поубирать, разве что list-style: none; оставить, а в BODY прописать шрифты с размером, высоту строки.
Браузеры по умолчанию используют свою таблицу стилей, если нет авторской, а бывают еще пользователи, редактирующие эти таблицы, да еще с правилом !important ...

**Alannn** · 15.08.2008, 23:23

Вроде спрашиваешь про списки, а приводишь весь этот табличный мусор

Какой DOCTYPE применяется, если применяется вообще?
из css можно все поубирать, разве что list-style: none; оставить, а в BODY прописать шрифты с размером, высоту строки.
Браузеры по умолчанию используют свою таблицу стилей, если нет авторской, а бывают еще пользователи, редактирующие эти таблицы, да еще с правилом !important ...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Как высоту строки прописать именно в ul или li? В тексте и списке должно быть разное расстояние между строками

**Aykroyd** · 16.08.2008, 03:39

В разных браузерах мой список отображается по разному

На то они и разные браузеры.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Это не DOCTYPE... Можно сказать, что доктайпа в документе нет...

Как высоту строки прописать именно в ul или li? В тексте и списке должно быть разное расстояние между строками

Для начала обнулите все поля и отступы у элементов списка:

Код:

ul, li {margin: 0px; padding: 0px;}

Если по-уму, их вообще надо изначально для всех элементов обнулять:

Код:

* {margin: 0px; padding: 0px;}

**Alannn** · 17.08.2008, 12:05

На то они и разные браузеры.

Это не DOCTYPE... Можно сказать, что доктайпа в документе нет...

Для начала обнулите все поля и отступы у элементов списка:

Код:

ul, li {margin: 0px; padding: 0px;}

Если по-уму, их вообще надо изначально для всех элементов обнулять:

Код:

* {margin: 0px; padding: 0px;}

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

**Aykroyd** · 17.08.2008, 12:23

Может быть как то можно прописать для оперы и мозилы отдельно?

[Только зарегистрированные пользователи могут видеть ссылки. ]. Только в данном конкретном случае это не требуется. Просто Вы что-то не так делаете...

**Alexis** · 17.08.2008, 21:14

Ну вот примерно так:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" Content="text/html; Charset=Windows-1251">
<style type=text/css>
*{margin:0px;padding:0px;}
BODY{
font: 10pt Arial;
line-height:1.5;
}
A{text-decoration:underline;}
UL {
margin-left: 25px;
}
li {
list-style: none; 
line-height:1.2;
}
</style>
</head>
<body>
Текст с высотой строки 1.5, в меню высота строки 1.2
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
</body>
</html>

**Aykroyd** · 18.08.2008, 07:34

Скажите на милость, вот у Вас там высота строки 1.2 и 1.5... Это сколько?
1.2 и 1.5 ЧЕГО? Коржиков? Фантиков?

38 попугаев, 5 мартышек, 2 слоненка...

Кроме того, совершенно непонятно, зачем Вы просматриваете свой сайт в браузерах...
Ведь готовите Вы его не для браузеров, а для вывода на печать.

**Alexis** · 20.08.2008, 08:25

Скажите на милость, вот у Вас там высота строки 1.2 и 1.5... Это сколько?
1.2 и 1.5 ЧЕГО? Коржиков? Фантиков?

38 попугаев, 5 мартышек, 2 слоненка...

Число.
"Вычисляемым значением данного свойства является некоторое число, умноженное на значение размера шрифта данного элемента."

Кроме того, совершенно непонятно, зачем Вы просматриваете свой сайт в браузерах...
Ведь готовите Вы его не для браузеров, а для вывода на печать.

Поясните, что имелось ввиду ( для собственного развития)

**Aykroyd** · 20.08.2008, 12:00

Число.

Боюсь, что я вряд ли смогу Вам помочь... Если на вопросы «Это сколько?» и «1.2 и 1.5 ЧЕГО?» вы отвечаете «Число», это свидетельствует о плохом понимании не только CSS, но и обыкновенного русского языка...

Поясните, что имелось ввиду ( для собственного развития)

Имелось в виду, что размер шрифта в пунктах обычно задается для печатающих устройств.

**Cinic** · 20.08.2008, 17:42

Боюсь, что я вряд ли смогу Вам помочь... Если на вопросы «Это сколько?» и «1.2 и 1.5 ЧЕГО?» вы отвечаете «Число», это свидетельствует о плохом понимании не только CSS, но и обыкновенного русского языка...

Имелось в виду, что размер шрифта в пунктах обычно задается для печатающих устройств.

Aykroyd, а никто и не запрещал не указывать единицы измерения для line-height. И для правил ниже, вычисленное значение line-height будет равно 15pt.

Цитирую Э. Мейера:

Если при задании числа не указать единицы измерения, то вместо вычисляемого значения наследуется коэффициент масштабирования. Этот коэффициент будет применяться к элементу и ко всем его потомкам, поэтому line-height каждого элемента будет вычислено относительно его собственного font-size

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

**Aykroyd** · 20.08.2008, 20:02

Aykroyd, а никто и не запрещал не указывать единицы измерения для line-height

Ага, конечно. Только почему-то «в разных браузерах мой список отображается по разному»...

**Alexis** · 21.08.2008, 15:56

Ага, конечно. Только почему-то «в разных браузерах мой список отображается по разному»...

Проверял у себя в IE6, Opera 9.5, Firefox 2.0.16 - отображается одинаково. Сафари у меня нет и нет, честно говоря, желания проверять на нем, потому как основная доля пользователей пользуется вышеперечисленными браузерами...
... другое дело, конечно, если автор вопроса делает сайт для буржуев...

**Cinic** · 21.08.2008, 21:36

Ага, конечно. Только почему-то «в разных браузерах мой список отображается по разному»...

Ну я немного не о том, видимо, думал когда отвечал. Не подумайте что я усомнился в Ваших знаниях, Константин

Конечно при относительных значениях каждый браузер будет высчитывать по своему, причём Опера видимо округляет в большую сторону, Сафари и Лиса в меньшую. Так что видимо остаётся лишь, использовать единицы измерения, причём наилучший выбор это пиксели.

**Cinic** · 21.08.2008, 21:43

Проверял у себя в IE6, Opera 9.5, Firefox 2.0.16 - отображается одинаково. Сафари у меня нет и нет, честно говоря, желания проверять на нем, потому как основная доля пользователей пользуется вышеперечисленными браузерами...
... другое дело, конечно, если автор вопроса делает сайт для буржуев...

Я вот пока на Mac не пересел, думал подобным образом. Сейчас работаю на MacBook и поэтому подобного рода сообщения немного расстраивают. Пользователи ноутбуков от Mac появляются, не в геометрической прогрессии, но всё же прирост есть

Хотелось бы чтобы и про Сафари верстальщики не забывали.

(речь идёт чисто о типографии)

**Aykroyd** · 21.08.2008, 21:56

Не подумайте что я усомнился в Ваших знаниях

Бог с Вами) Даже и не думал)
Другое дело, что я сам частенько в них сомневаюсь)

Конечно при относительных значениях каждый браузер будет высчитывать по своему, причём Опера видимо округляет в большую сторону, Сафари и Лиса в меньшую.

Именно.

причём наилучший выбор это пиксели.

И здесь Вы совершенно правы. Несмотря на всю нелогичность и неюзабельность пикселей, лиса почему-то частенько «корявит» интерлиньяж при задании line-height в em-ах...

**Cinic** · 21.08.2008, 22:02

Несмотря на всю нелогичность и неюзабельность пикселей

Эм, а можно по-подробнее, почему пиксели - нелогичны и неюзабельны?

**Alexis** · 21.08.2008, 22:25

Сейчас работаю на MacBook и поэтому подобного рода сообщения немного расстраивают.

- для себя хочу спросить - насколько сильно "кривит" Мас то, что я накропал? Хотябы в в общих чертах, для ознакомления. MacBook покупать не думаю, но на ноут задумки есть.
Константин - я ведь тоже учусь, на вашем сайте в том числе, так что не стоит так строго

В любом случае это монетка в копилку, спасибо.

**Aykroyd** · 21.08.2008, 22:56

Чувствую, я тут вообще скоро с ума сойду)

Alexis, я Вас с автором топика перепутал) сорри)

Эм, а можно по-подробнее, почему пиксели - нелогичны и неюзабельны?

По-моему Вы это должны знать сами даже лучше меня)

**Cinic** · 29.08.2008, 11:45

По-моему Вы это должны знать сами даже лучше меня)

Может быть я что-то подзабыл, у меня бывает.

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

Тема: список по разному отображается

Опции темы

Поиск по теме

Отображение

Похожие темы

Сайт работает по разному в различных операционных системах

Не отображается swf с flv на сайте

сайт отображается только в ФФ

Неправильно отображается в Лисе

Если у кого-то не отображается флеш сайта, что он увидит??

Ваши права