За последние 24 часа нас посетили 22870 программистов и 1712 роботов. Сейчас ищут 1746 программистов ...

Блок fixed наезжает

Тема в разделе "HTML и CSS", создана пользователем User123, 2 июн 2015.

  1. User123

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

    С нами с:
    23 янв 2015
    Сообщения:
    47
    Симпатии:
    2
    подскажите пожалуйста, не могу понять

    Код (PHP):
    1. <div style="width:60px;background:#F7D0F7;position:fixed;top:0;float:left;height:100%;">left</div>
    2.  
    3. <div style="display:table;margin:0 auto;">
    4.  
    5. <div style="width:600px;background:#CCC;margin:0 auto;">center</div>
    6. <div style="width:60px;background:#6F8488;display:table-cell;">right</div>
    7.  
    8. </div> 
    если уменьшить размер браузера, то center заедет под left, а нужно чтобы center упёрся в left.
     
  2. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.114
    Симпатии:
    1.244
    Адрес:
    там-сям
    в адаптивной верстке специально добиваются чтобы блоки перестраивались в вертикальное расположение, а ты стремишся к тому, чтобы контент не поместился в узкий экран?

    если уж у тебя всё-равно табличный стиль используется, логичное решение - объявить левый блок колонкой таблицы.
     
  3. User123

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

    С нами с:
    23 янв 2015
    Сообщения:
    47
    Симпатии:
    2
    контент тоже резиновый будет,

    сейчас нужно чтобы блок не заезжал на контент и хотелось бы через дивы оформить без table
     
  4. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.114
    Симпатии:
    1.244
    Адрес:
    там-сям
    делай чтобы работало. помоему уже прошли времена, когда мерялись письками у кого вёрстка на таблицах, а у кого нет. важен результат.

    Добавлено спустя 2 минуты 33 секунды:
    реально нет разницы объявишь ты tr/td или же div-ы и у них стили table-row/table-cell. кого ты обманываешь кроме себя?
     
  5. User123

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

    С нами с:
    23 янв 2015
    Сообщения:
    47
    Симпатии:
    2
    спасибо за совет, учту.
    через padding-left здесь можно решить проблему с центром, если кому понадобиться, больше решений не нашел.
     
  6. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.114
    Симпатии:
    1.244
    Адрес:
    там-сям
    есть еще финт с left-border-width правого блока >= width левого блока.

    Добавлено спустя 2 минуты 17 секунд:
    есть финт с negative margin, когда блок контента у тебя в коде стоит первым, у него объявлен положительный левый марджин, а блок сайдбара стоит после контента, но имеет отрицательный левый марджин и какбы втягивается левее контента.

    Добавлено спустя 1 минуту 35 секунд:
    но table-cell самый естественный и без-бажный способ. причем если объявишь честные таблицы, то сэкономишь на стилях и при первой загрузке никаких дерганий не будет