За последние 24 часа нас посетили 17740 программистов и 1655 роботов. Сейчас ищут 1172 программиста ...

Верстка с вынесенным div вверх

Тема в разделе "HTML и CSS", создана пользователем Frai, 24 дек 2015.

  1. Frai

    Frai Активный пользователь

    С нами с:
    21 июл 2015
    Сообщения:
    102
    Симпатии:
    0
    Приветствую! Вопрос по верстке. Попробовал несколько способов, но хоть теоретически они должны были дать результат, практически - никакого. Суть проблемы в том, что есть некий div, он имеет position: absolute и поднят в самый верх, но я его вынес вниз, так как его содержимое предпочтительнее грузить в последнюю очередь, чем контент, потому как это навигация. Но браузеры добавляют внизу страницы место под высоту содержимого этого diva, как пустое место.

    Выглядит код так:

    Код (PHP):
    1. .mydiv {
    2. position: absolute;
    3. left: 0px;
    4. top: 0px;
    5.  
    6. } 
    Код (PHP):
    1. <html>
    2. <body>
    3. ####################### контент##########
    4. ########################################
    5. ########################################
    6.  
    7. <div class="mydiv">содержимое div</div>
    8. </body>
    9. </html>
    10.  
    Выглядит страница так:

    -----------------------------------------------------
    [содержимое div] появляется поверх контента по клику #######
    #####################контент##############################
    ##########################################################
    [пустое место высотой в содержимое div]
    -------------------------------------------------------

    Соответственно нужно убрать пустую область снизу, пробовал вставлять еще в один div с overflow: hidden и размерами в 1 px -не помогает.


    PS. Уважаемые модераторы, когда появится при вставке Code инструкция как вставлять код нужного языка?

    Подсказка от модератора:
    Любой код или текст конфигурации пишите между тегом [code=php] и [/code].
    Используйте отступы в коде для форматирования текста.
    Это помогает быстрее понять вас, увеличивает шанс на получение ответа.
    Что выделять? Например: PHP, HTML, CSS, JavaScript, SQL, XML, .htaccess, ini, регулярные выражения, код шаблонизаторов, результаты array/object dump и т. д.
     
  2. Frai

    Frai Активный пользователь

    С нами с:
    21 июл 2015
    Сообщения:
    102
    Симпатии:
    0
    По теме - нашел блок с выставленной позицией absolut, но координаты задавались js, в общем как и должно быть - место под такие блоки не резервируются.
     
  3. Catrina

    Catrina Новичок

    С нами с:
    24 апр 2015
    Сообщения:
    321
    Симпатии:
    0
    Может, там пустое место, потому-что нехватило текста? А чем же оно должно быть заполнено?