Простой вопрос про педдинг и маргин

[Petrav]

Есть типа последовательностей дивов – каждый из них параграф текста. У дивов есть стиль. Если в этом стиле задать верхний и нижний маргин по 9 пикселей, то удивительно, но верхний маргин игнорируется – т.е. расстояние между дивами по вертикали равно 9, а по идее должно быть 18.

Но если это див вставить в таблицу ячейки, то расстояние от дива до границ ячейки будет сверху и снизу по 9 пикселей.

Другими словами таблица по сравнению с последовательностью абзацев визуально растягивается по вертикали в 2 раза... это плохо.

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

Нельзя ли как то заставить верхний и нижний маргины работать честно?

[makeitso]

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

[Petrav]

Спасибо большое!

[ТВЭЛ]

А можно полюбопытствовать, почему абзацы текста в дивах, а не в тэгах абзаца?

[Petrav]

Originally posted by ТВЭЛ@Oct 1 2006, 18:33
А можно полюбопытствовать, почему абзацы текста в дивах, а не в тэгах абзаца?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Типа теги используются не по подразумеваемому смыслу? Я точно не помню почему так сделано.

Кстати, еще вопрос. Вот я разрабатываю XSL-шаблон... так получается, что бы гарантировано отделить его по вертикали на определенное количество пикселов я должен использовать обязательно педдинг?

[Petrav]

Originally posted by makeitso@Sep 22 2006, 16:52
[Только зарегистрированные пользователи могут видеть ссылки. ]
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Народ, а никто не даст ссылку где бы содержание раздела "8.3.1 Collapsing margins" (по этой ссылке) было бы приведено на русском? Максимально подробно, желательно... А то что там написано примерно я понимаю, но хотелось бы разобраться детально.

[Zigzag]

к сожалению, на русском есть ток 2.0. вот.

8.3.1 Перекрывающиеся поля
В данной спецификации выражение перекрывающиеся поля обозначает, что граничащие друг с другом поля (которые не разделяются ни отступами, ни границами) двух или более блоков (следующих друг за другом или вложенных один в другой) сливаются в одно общее поле.

В CSS2 горизонтальные поля никогда не перекрываются.

Вертикальные поля могут перекрываться только между определенными блоками:

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

[Petrav]

Originally posted by Zigzag@Jan 2 2007, 16:14
к сожалению, на русском есть ток 2.0. вот.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Спасибо. А в чем смысл этой фразы: Вертикальные поля перемещаемого и любого другого блока никогда не перекрываются?

И вообще... В чем смысл подобного перекрытия? Получается верстальщик задает отступ, но вместо отступа получает какую-то фигню...

Проблема у меня такая. Есть типа код который генерит некий стандартный хтмл блок. Пример: оформление квотинга на этом форуме. Далее другой код помещает этот блок в див который уменьшает шрифт. В результате в этом блоке уменьшается не только шрифт, но и растояния между текстовыми блоками. В некоторых случаях мне это не нравится. Нельзя ли какнить по простому решить проблему? Т.е. только стилями того дива...

[Petrav]

О... вроде дошел до line-height... осталось только подумать хорошенько какие необычные возможны случаи, т.е. побочные эффекты...

[Petrav]

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

[Zigzag]

Originally posted by Petrav@Jan 3 2007, 22:50
Зигзаг, а можно получить ссылку где Вы перевод нашли? Мне пригодитццо...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

это у меня просто есть файлик вот такой в архиве доков Каскадные таблицы стилей второго уровня. Спецификация CSS2.chm

[Zigzag]

кстати, ток ща подумал, а ссылку на этот файлик я где-то здесь на форуме и находил в нашем разделе

[Aykroyd]

Originally posted by Petrav@Jan 2 2007, 18:26
Народ, а никто не даст ссылку где бы содержание раздела "8.3.1 Collapsing margins" (по этой ссылке) было бы приведено на русском? Максимально подробно, желательно... А то что там написано примерно я понимаю, но хотелось бы разобраться детально.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

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