Как убрать этот отступ?

Question

[Immix]

Почему появляется отступ между блоками?
Все что пришло в голову так это margin-bottom: -29px; для .top-banner
Как от него избавиться правильно?



Вот код

Answer 1

[Sergiu Mitu]

В соседнем вопросе у вас такая же проблема. Решение одно, почитать об схлопывании margin

Comments

[Immix]

Сергей Нет ли более современных решений кроме добавления рамок и т.п. ?

[Sergiu Mitu]

overflow: hidden;спасает в 90% ситуации..

[Immix]

спасибо, а можно же его добавить в css и потом прописывать как с clearfix, верно?

[Sergiu Mitu]

не уверен что понял вопрос. но возможно вы имели ввиду создать класс подобный clearfix, чтобы не добавлять это все время в css...? если так то да можно, скажем .ovh {overflow: hidden;} почему бы и нет...

[Immix]

Сергей: Да, я именно об этом. я просто весь день кодил и уже голова не варит)

Answer 2

[Uladzimir A]

В блоке .content .content1 установлен верхний margin.

Comments

[Uladzimir A]

для .top-banner поставить margin-bottom: 30px, а для .content .content1 нужно margin-top: 0.

[Immix]

Uladzimir Abramkin: не помогло

[Uladzimir A]

Евгений: Че то я сморозил. В .content .content1 нужно margin-top: 0. И больше ничего. Если откроете Хром и в браузере проделаете это, то все работает.

[Immix]

Uladzimir Abramkin: это все хорошо, но мне нужно что бы был отступ от .content .content1 в 30px. Вот решение: www.xiper.net/collect/html-and-css-tricks/pozitsio...

[Uladzimir A]

Евгений: Так он у вас и так есть???!!!!