Identificarse | Registrarse | FAQ
Anonymous

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

+ Publicar una respuesta

3 mensajes Página 1 de 1


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

por Atis2345 » Mar Ago 26, 2014 1:05 pm

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

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

}

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

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

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

Adjuntos

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

Avatar de Usuario

Atis2345

  • Mensajes: 1
  • Registrado: Mar Ago 26, 2014 12:46 pm

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

por XainPro » Jue Sep 25, 2014 12:31 pm

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

XainPro

  • Mensajes: 3933
  • Registrado: Vie Feb 17, 2012 8:10 pm

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

por Shucach » Sab Ene 24, 2015 2:56 pm

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

Shucach

  • Mensajes: 1
  • Registrado: Sab Ene 24, 2015 2:41 pm


+ Publicar una respuesta

Página 1 de 1