Zaloguj | Zarejestruj | FAQ
Anonymous

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

+ Odpowiedz

Posty: 3 Strona 1 z 1


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

przez Atis2345 » Wt sie 26, 2014 1:05 pm

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

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

}

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

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

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

Załączniki

  1. Безимени-1.png (1.07 KiB) Pobrane 2129 razy
    синий хидер, зеленый сайдбар, оранжевый контент

Avatar użytkownika

Atis2345

  • Posty: 1
  • Dołączył(a): Wt sie 26, 2014 12:46 pm

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

przez XainPro » Cz wrz 25, 2014 12:31 pm

сделать это авто она будет расширяться в соответствии с его содержанием
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

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

przez Shucach » So sty 24, 2015 2:56 pm

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

Shucach

  • Posty: 1
  • Dołączył(a): So sty 24, 2015 2:41 pm


+ Odpowiedz

Strona 1 z 1