Требуется набросать каркас страницы

[cmndr_alexgreen]

Нужен каркас страницы. 4 блока разместить в %соотношении на странице. С меня "спасибо" на телефон или Яденьги, размер спасибо определите сами.

 

 

[rus]

за такое даже стыдно денег на телефон брать, но от спасибо не откажусь

ну или вот, а вообще, гуглится по запросу генератор html шаблонов.

[cmndr_alexgreen]

...

Работать с живым человеком приятнее чем с генератором). Да и так я более уверен буду в правильности решения. Опишу что мне нужно, а часть кода есть в этой теме: http://htmlforum.ru/index.php?showtopic=48315 , сам я не могу осилить и довести все до хорошего-рабочего состояния.

 

На странице - 2 секции(главных блока), 1я секция(1) должна быть примерно 30% по ширине (планировал использовать для этого <nav>, поскольку в ней будет находиться только список с меню(2)). 2я секция(3) для контента, занимает все оставшееся место. 

 

В каждой из них должен быть свой фон, соответственно они должны занимать все пространство страницы по высоте в рамках своих широт.

В 1й секции - живет список с основным меню(2), припаркованный к правому краю. Во 2й секции будет располагаться блок для контента(4), с небольшим отступом от левого края, фиксированной ширины.

 

Приложил набросок) блоков на странице.

Edited March 25, 2014 by cmndr_alexgreen

[rus]

типа того что ль: http://jsfiddle.net/rus333/RHH8H/ ?

[Sensei]

http://jsfiddle.net/X2fsg/

[cmndr_alexgreen]

http://jsfiddle.net/X2fsg/

Sensei, а без - "display: table;" никак?

типа того что ль: http://jsfiddle.net/rus333/RHH8H/ ?

rus, у вас красный блок не одинаковой высоты с блоком для контента. Я подозреваю, что он не будет растягиваться по окну браузера с верху в низ.  

Проблема именно в том, что бы блоки адекватно вели себя растягиваясь в высоту. Даже если решать поставленную задачу немного по другому и исключить %-ную растяжку в бока, то все равно нужно растягивать блоки с верху в низ, без костылей.

Edited March 26, 2014 by cmndr_alexgreen

[Sensei]

Чем «display: table» не угодил?

Вот вам «без костылей» http://jsfiddle.net/X2fsg/2/

Edited March 27, 2014 by Sensei

[swandev]

Чем «display: table» не угодил?

Вот вам «без костылей» http://jsfiddle.net/X2fsg/2/

У многих такой стереотип, верстка таблицами плохо, значит и их имитация тоже плохо

[Great Rash]

Начнём с того, что у многих стереотип: "вёрстка таблицами - плохо"

[cmndr_alexgreen]

Чем «display: table» не угодил?

Вот вам «без костылей» http://jsfiddle.net/X2fsg/2/

Не знаю стереотип или нет, но если смысл в табличности, заем тогда использовать DIVы).

 

А вот по поводу "без костылей")), флекс только щас в деле и увидел), боюсь для старых браузеров придется свой css писать(.

[cmndr_alexgreen]

Собственно задачу решили без резинового фона, классическими методами. Всем спасибо за занятое время.