[Помогите] верстка блока

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем ruslan216455, 27 апр 2013.

Статус темы:
Закрыта.
  1. ruslan216455

    ruslan216455

    Регистрация:
    6 ноя 2012
    Сообщения:
    220
    Симпатии:
    22
    Подскажите как сверстать такой блок как на изображение , если делать его фиксированым тогда проблем не будет но хочет сделать по человечески ) т.е если блок увеличивался дизайн не страдал [​IMG]
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Делаем HTML структуру:
    <div class="wrraper">
    <div class="header">
    </div>
    <div class="content">
    </div>
    <div class="clear"></div>
    <div class="footer">
    </div>
    </div>

    Оформляем CSS:
    .clear{clear:both; height:1px; width:100%;}
    .wrraper{width:; margin:0 auto;}
    .header{height:;background:url('../'); background-size:cover;}
    .content{padding:10px;}
    .footer{height:;background:url('../'); background-size:cover;}
     
    ruslan216455 нравится это.
Статус темы:
Закрыта.