Помогите с кодом CSS - Слои

Тема в разделе "Веб-дизайн", создана пользователем UDAV, 9 мар 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    781
    Симпатии:
    153
    Код:
    <div id="all_content">
    <div id="title">Меню</div>
    <div style="padding: 30px;">Тут много текста</div>
    </div>
    
    Код:
    #all_content	{height: 100%; overflow: auto;}
    Как сделать чтобы слой с "меню" был выше по позиции (т.е. не z-index, а выше по дизайну).
    Вот как у меня сейчас.
    [​IMG]

    Нужно тобы слово "Меню" было выше горизонтальной линии. Слой с id=all_content начинается под этой линией.
     
  2. ercalote

    ercalote Постоялец

    Регистр.:
    27 мар 2008
    Сообщения:
    86
    Симпатии:
    21
    А чего вы тогда Меню суете в олл_контент, если он начинается ниже линии? Если уж так хочется, то можно попробовать
    Код:
    #title {
       position:absolute;
       right:0;
       top:0;
    }
    
    Но, вообще говоря, советую искать более подходящие решения (если что-то одно должно быть выше чего-то второго, то это первое должно быть выше в коде этого второго - это логично и хорошая практика).
     
  3. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    781
    Симпатии:
    153
    Там на сайте какой-то движок криворукий стоит. что выводится блок в котором выводится весь основной контент и в этом блоке уже выводятся содержимое различных модулей.
     
  4. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    логично и семантично
    однако если требуется исключения, а абсолютное позиционирование в силу каких-то причин применять нельзя, на помощь могут прийти отрицательные значения
    например, вот такая конструкция
    padding: -30px;
    поднимет блок
    более подробно об этом расскажет alistapart.com или мистер гугл по запросу negative margins
     
  5. mouzesrus

    mouzesrus Создатель

    Регистр.:
    27 окт 2008
    Сообщения:
    11
    Симпатии:
    0
    так он по вашему коду и будет выше так как блок div с меню идет последовательно, странно что у Вас не получилось
     
Статус темы:
Закрыта.