Вход | Регистрация | FAQ
Anonymous

Резиновая верстка

+ Ответить

Сообщений: 3 Страница 1 из 1


Резиновая верстка

Atis2345 » Вт авг 26, 2014 1:05 pm

Проблема в следующем, у меня 3 блока: хидер, сайдбар, контент.

#header {
height: 50px;
width:100%; /*Можно и не ставить*/
}
#sidebar {
width: 200px;
float: left;
}
#content {

}

Сайдбар прижат к левой стороне и имеет ширину в 200пкс, высота ВСЯ оставшаяся(до конца екрана).
Контент имеент резиновую ширину и высоту, высота ВСЯ оставшаяся(до конца екрана)!.

При установке height: 100% сайдбар и контент выходят за пределы документа!

Вопрос в том как это можно исправить!!!

Вложения

  1. Безимени-1.png (1.07 Кб) Скачиваний: 1870
    синий хидер, зеленый сайдбар, оранжевый контент

Аватара пользователя

Atis2345

  • Сообщения: 1
  • Зарегистрирован: Вт авг 26, 2014 12:46 pm

Re: Резиновая верстка

XainPro » Чт сен 25, 2014 12:31 pm

сделать это авто она будет расширяться в соответствии с его содержанием
Аватара пользователя

XainPro

  • Сообщения: 3933
  • Зарегистрирован: Пт фев 17, 2012 8:10 pm

Re: Резиновая верстка

Shucach » Сб янв 24, 2015 2:56 pm

также вот статья http://vanzzo.net/html-css/instrumentyi-nachinayushhemu-html-css-verstalshhiku.html где описан инструмент с помощью которого можно получить базовый шаблон на ваш выбор резиновый или статический.
Аватара пользователя

Shucach

  • Сообщения: 1
  • Зарегистрирован: Сб янв 24, 2015 2:41 pm


+ Ответить

Страница 1 из 1