Как опустить блок div под блок шириной в 100%?
135
21.03, в 22:26
Всем привет! Подскажите, пожалуйста. Пишу одноколоночный макет. Имеется блок, шириной в 100%, внутри него блок в ширину 960рх посередине, и уже в этом блоке логотип и вся остальная информация. Высота блока шириной в 100% и внутреннего блока образуется из высоты логотипа и отступов вокруг него...

Далее я хочу поместить новый блок ниже (.content), то есть прижать к верхнему блоку (top_wrapper'у). Ничего не выходит, блок просто помещается в самом верху.

<div class="top_wrapper">
<div class="header"></div>
</div>


.top_wrapper {
width: 100%;
}
.header {
width: 960px;
margin: 0px auto;
}
.content { ??? }
Ответы (4)
Сортировать по:
  • Решение
    1. Неправильно пользуетесь position
    a) У родителя должно быть relative
    б) Нужно указывать 2 координаты

    2. Не отменен float, блок схлопнулся

    jsfiddle.net/Zoxon/uJE9j/1

    ps пример фиксед шапки www.vvptrans.com
  • У меня все получается
    jsfiddle.net/Zoxon/W6hMD
    скорее всего у вас в .header float не отменен, по этому блок схлопнулся
    Предоставьте полный код, иначе придется «ванговать» дальше

    ps зачем давать блоку width: 100%; он и так растянется на всю доступную ширину
  • jsfiddle.net/qe3sU Если убрать 100%, у меня все съедет влево, поскольку я шапку закрепил (fixed). Просто надо блок content прижать к блоку top_wrapper. С твоим примером я все понял, просто я хотел бы, чтобы шапка растягивалась по ширине до "бесконечности", то есть до максимальной ширины монитора (2560рх сейчас, вроде, мониторы). Не хочу, чтобы шапка висела по середине, как контент, а по бокам было пусто...
    P.S. Я самоучка
  • @hawkk Вы самоучка - так и самоучитесь! В интернете полно реализаций Вашей не хитрой задачи. Просто побегайте по сайтам и посмотрите как там все устроено.
    Понимаете, вопрос настолько простой, что делать пример не хочется.
Написать ответ

Войдите, чтобы написать ответ

Войти через TM ID