Тянущийся блок по одной из сторон браузера

Тема в разделе "Верстка", создана пользователем Drunk Monkey, 20 окт 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. Drunk Monkey

    Drunk Monkey Постоялец

    Регистр.:
    7 июн 2012
    Сообщения:
    105
    Симпатии:
    17
    Добрый день, подскажите пожалуйста как реализовать тянущийся к краю браузера независимо от ширины его окно, но только по одной из его сторон.

    [​IMG]





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



    Блок «ФАКТ №3» до правого края, а Блок «ФАКТ №4» до левого.





    Буду благодарен вашей помощи.
     
  2. kadurinho

    kadurinho Shop Script

    Moderator
    Регистр.:
    21 июн 2011
    Сообщения:
    618
    Симпатии:
    248
    Solus_Rex нравится это.
  3. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    181
    Только я бы разнёс ещё class="text" на:
    class="text1" и class="text2"
    и задал для левого блока:
    Код:
      .text1{
        text-align: right;
      }
    А то когда меняешь разрешение уезжает текст влево.
    + подумал на счёт изменения размеров всех блоков на проценты с max-width.
     
  4. Drunk Monkey

    Drunk Monkey Постоялец

    Регистр.:
    7 июн 2012
    Сообщения:
    105
    Симпатии:
    17
  5. mindnomind

    mindnomind Писатель

    Регистр.:
    11 ноя 2014
    Сообщения:
    6
    Симпатии:
    1
    Код:
    .parent {
       width:100;
       position:relative;
    }
    
    .child {
      position:absolute;
      left:0;
      width:50%;
    }
    .child-right {
      position:absolute;
      right:0;
      width:50%;
    }
     
Статус темы:
Закрыта.