Расстояние между div если внутри список

[SoFuWa]

  Quote

<div>Здесь располагается содержимое нового тега Div</div>

<div>

<ul>

<li style="display:inline">Меню</li>

</ul>

</div>

<div>Здесь располагается содержимое нового тега Div</div>

вот простой код, в этом случае центральный div не прилегает в плотную к остальным, между ними есть расстояние по вертикали когда display:inline , почему?

Edited August 10, 2010 by SoFuWa

[stars]

Ну наверное потому что вы не обнулили margin хотябы у ul?

[SoFuWa]

да это помогло, а с чего это у них не нулевые по умлочанию

[stars]

  SoFuWa said:

да это помогло, а с чего это у них не нулевые по умлочанию

Ну это как бы логическое выделение, более точно не скажу ибо такой информацией не владею... Я когда делаю верстку в большинстве случаев изначально обнуляю у всех элементов margin и padding вот такой строкой:

* {margin:0;padding:0;}

[SoFuWa]

возмём на вооружение

[s0rr0w]

  SoFuWa said:

возмём на вооружение

Не стоит. Это пагубная техника.

[swetlana]

s0rr0w, чем же эта техника пагубна?

Я считаю иначе, но я в вёрстке новичок, и очень бы хотелось опытного товарища послушать.

[Vlad]

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

1. Противоречит здравому смыслу. Отступы в большинстве случаев нужны для создания пустого пространства, которое облегчает чтение и восприятие информации. Возразят, что отступы добавляют потом, прописывая их в CSS. Зачем тогда их прописывать, если они уже есть?

2. Обнуление всех отступов, а затем их повторное добавление в стилях увеличивает объем кода и может привести к возникновению мелких ошибок. Что проще - задать только нужные размеры или задать все размеры?

[mishka]

  s0rr0w said:

Не стоит. Это пагубная техника.

  Vlad said:

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

Я думал что я один на этом форуме противник записи *{margin:0;padding:0;}

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

В итоге понял что среди верстальщиков рунета это очень популярная запись, от которой никто не откажется.

Как аргумент "против" могу привести ситуацию:

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

Я сторонник того чтобы они отображались по дефолту.

А как аргумент "за" могу сказать что часто приходится обнулать margin, padding на списках. Вот с этой строкой *{margin:0;padding:0;} на списках можна сэкономить десятки строк кода.

Но опять же, лучше тогда сделать нормальный сброс. Только не Yaho и Eric Meyer, яху вообще глюк ходячий, а сброс Эрика тоже не кросс браузерный. Сейчас не вспомню нюансы, но глюки были точно, особенно если шрифты в em задавать.

Edited August 11, 2010 by mishka2

[Vlad]

  mishka2 said:

А как аргумент "за" могу сказать что часто приходится обнулать margin, padding на списках. Вот с этой строкой *{margin:0;padding:0;} на списках можна сэкономить десятки строк кода.

Это спорный аргумент, никто ведь не отменял запись ul, li, бла-бла {margin:0;padding:0;}. При этом точно знаешь, какие элементы обнулены, а у каких значения по дефолту остались.

[s0rr0w]

  swetlana said:

s0rr0w, чем же эта техника пагубна?

Я считаю иначе, но я в вёрстке новичок, и очень бы хотелось опытного товарища послушать.

Это все банальная логика.

Возьмем некое свойство A, значение по умолчанию которого равно b.

В нормальном проекте ваш css будет выглядеть вот так

A: b

--

A: 0

A: c

Вопрос, зачем нужен шаг A: 0, если вы все равно будете делать A: c? Чтобы браузеру было больше работы при рендеринге? Так я вам скажу, что ИЕ может серьезно снижать производительность отрисовки при селекторах со звездочкой.

Другими словами, если вы все равно переопределяете значения, зачем их обнулять?

  Vlad said:

Это спорный аргумент, никто ведь не отменял запись ul, li, бла-бла {margin:0;padding:0;}. При этом точно знаешь, какие элементы обнулены, а у каких значения по дефолту остались.

Влад верно говорит.

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

[Great Rash]

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

По умолчанию отступы у элементов точно оставлять нельзя имхо.

[s0rr0w]

  Great Rash said:

По умолчанию отступы у элементов точно оставлять нельзя имхо.

Почему? Эти отступы для печати самое оно!

[Great Rash]

Для стиля можно задать media="screen" и тогда на печати будет все чики-чики.

[s0rr0w]

  Great Rash said:

Для стиля можно задать media="screen" и тогда на печати будет все чики-чики.

На первый вопрос хотелось бы услышать ответ

[Great Rash]

Ну мне так в разы проще контролировать поведение элементов в разных браузерах. Экономит много времени.

[s0rr0w]

  Great Rash said:

Ну мне так в разы проще контролировать поведение элементов в разных браузерах. Экономит много времени.

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

[Great Rash]

По моему проще знать, что они везде по нулям, чем держать в голове у какого элемента они есть а у какого их нет.

[s0rr0w]

  Great Rash said:

По моему проще знать, что они везде по нулям, чем держать в голове у какого элемента они есть а у какого их нет.

Типа очень много элементов, у которых есть отступы?

А ну давай перечислим!

[Great Rash]

<p>, <ul>, <legend>, <blockquote>, <fieldset> - это что в голову пришло, может и еще есть

[Vlad]

<form>, <li>

[Great Rash]

Вот о чем я и говорю, целых 7 элементов в голове держать! У меня плохая память - проще обнулить все к чертовой бабушке и переназначить по необходимости.

[s0rr0w]

  Great Rash said:

Вот о чем я и говорю, целых 7 элементов в голове держать! У меня плохая память - проще обнулить все к чертовой бабушке и переназначить по необходимости.

Зачем обнулять, если и так будут переназначены? В чем ДАО?

Это все равно, что перед покраской стен в белый цвет, их сначала красят в черный. Потому что только на черном видно все огрехи окраски.

[Great Rash]

  Quote

Зачем обнулять, если и так будут переназначены? В чем ДАО?

Дело в том, что у всех элементов отступы разные и с разных сторон.

<ul> - слева/сверху/снизу

<p> - сверху/снизу

<blockquote> - слева/справа

Нафиг мне помнить, где у кого отступы? Может мне понадобится только с одной стороны отступ... Не хочу я запоминать, что еще и слева/сверху/снизу надо бы обнулить.

[s0rr0w]

  Great Rash said:

Нафиг мне помнить, где у кого отступы? Может мне понадобится только с одной стороны отступ... Не хочу я запоминать, что еще и слева/сверху/снизу надо бы обнулить.

Сколько в твоем коде определений, которые относятся только к одной стороне? Например margin-left. Посчитай процентное соотношение конкретных элементов к общим декларациям, таким как margin.

[rus]

еще кажется в h1,2,3,4,5,6 есть отступы.