Проблема с "margin" - Вопросы по CSS

Здравствуйте! Помогите разобраться с "margin" по идеи должно быть так "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента" Но у меня почему-то отталкивается не от родительского элемента, а от про про про про родительского элемента, а имно от тега <b>. Почему может быть так?

Здравствуйте! Помогите разобраться с "margin" по идеи должно быть так "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента" Но у меня почему-то отталкивается не от родительского элемента, а от про про про про родительского элемента, а имно от тега <b>. Почему может быть так?

А родительские, должно быть, <strong>, <font> и <u>?

Должен от <div> отталкиваться. Я использую "spiffy" хак для закругления углов. У меня установлен "component" форум . В этом компоненте прописаны отступы "margin". Эти отступы сдвигают мой "хак" spiffy вверх, вместо того, чтобы отталкиваться от родительского div-a или хотя-бы от main-a. Отступы

Да... всё одно, шурум-бурум, какой-то.
Я, например, такие вопросы в том же хромовском инспекторе решаю. А по скринам даже задумывать не стоить, пустое.
Сабдж конкретно надо. Линк давайте на пациента, посмотрим. Встречалось такое поведение.

Это сообщение по моей теме? Какой пациент? Это localhost...

Попробуйте инструменты из моей подписи, должно показать откуда и как берется отступ. Но по идее родителем должен выступать div. Если можете, то выложите сайт на какой-нить фри хостинг, посмотрим и подумаем как и чем можно помочь.

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

div.cofiMainmenuRow - верхний отступ надо в ноль поставить, чтобы дыра пропала.
Или вопрос был вроде - "почему именно этот див?"

да хотелось бы знать почему "margin" так не корректно себя ведет? И это понятно что в ноль поставить для этого конкретного компонента, но это шаблон, я бы не хотел постоянно корректировать "margin" на всех новых установленных компонентах, да и не практично...За ответы спасибо. 

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

У вас там правая колонка идёт с обтеканием слева. Это та, у которой как раз тот самый маржин в 10 пкс. Вот из-за этого обтекания она всю шапку-то и приподнимает на эти самые 10 пкс.
Чтобы визуально понять суть эффекта - уберите в инспекторе float:left у #col1. Правая часть (с отступом в заголовке) пойдёт в основном потоке и зазор также исчезнет.

Спасибо. Трудно понять... Да, выровнелось, но правая колонка ушла под левую. Пробовал обоим float:left прописать, каша получилась. Буду думать...

Поясню, насколько получится. Выравнивание блоков при флоате в данном случае просисходит по их "естественным" границам. Т.е. верх у них совпадает. А вот "нашлёпка" из 10 пкс маржина в заголовке второй колонки выступает, и рвёт "композицию". Как бы каблук такой получается.
В таком случае, можно ещё одну обёртку сделать. Но обнулять марджин, всё же, лучше.

Кажется я понял в чем дело. Автор компонента после float:left не прописал clear:both из-за чего родительсктй див не расширялся по высоте дочернего.

Какого компонента? Мы тут решаем только вопросы разметки и стилей. Об ином и не упоминалось )))
Возникла гуд айдиа - скриншоты, плиz, с пояснением в студию!

"Компонентом Joomla! называется самый значительный тип расширений, который имеет наибольшую функциональность. Компоненты подразделяются на две основные категории – это компоненты ядра Joomla, которые доступны сразу после установки, и включают в себя: Баннеры, Контакты, Ленты новостей, Опросы, Web-ссылки и самостоятельные приложения, добавляющие сайту новые функции и возможности (например, форум, фото галерея, гостевая книга и др.) "
В моем случае форум. Поясняю div.cofiMainmenuRow не был внутри родительского дива, а вышел за пределы, так как не было прописано clear:both. Можете посмотреть убрав clear:both в инспекторе. http://podjigateli.z83.ru/index.php/1   

"Компонентом Joomla! называется самый значительный тип расширений, который имеет наибольшую функциональность. Компоненты подразделяются на две основные категории – это компоненты ядра Joomla, которые доступны сразу после установки, и включают в себя: Баннеры, Контакты, Ленты новостей, Опросы, Web-ссылки и самостоятельные приложения, добавляющие сайту новые функции и возможности (например, форум, фото галерея, гостевая книга и др.) "
...

Чувствуется подготовка, как на экзамене ответил. Молодца! 

....
В моем случае форум. Поясняю div.cofiMainmenuRow не был внутри родительского дива, а вышел за пределы, так как не было прописано clear:both. Можете посмотреть убрав clear:both в инспекторе. http://podjigateli.z83.ru/index.php/1   

Напоминаю диалог:

Чтобы визуально понять суть эффекта - уберите в инспекторе float:left у #col1. Правая часть (с отступом в заголовке) пойдёт в основном потоке и зазор также исчезнет.

Вот Вы своим clear:both и убрали этот самый флоат в разметке напрямую. Всё правильно. При этом получилось:

... Да, выровнелось, но правая колонка ушла под левую....

Что я и вижу после Вашего clear:both. И это тоже правильно, с точки зрения поведения блоков в CSS.

podjigateli, вы так и не уловили месседж?

Непоняточка вышла. Своим clear:both я не прикротил обтекание правой колонки, и она не ушла под левую.

podjigateli, непоняточка двойная. Вопрос остался?

По данной теме вопросов нет. Спасибо.