Маленькая вёрстка на html5

[Baravo]

Добрый день уважаемые форумчане.

Помогите пожалуйста мне сверстать очень маленький код на html5. Буду очень благодарен. 

 

 

Ширина должна быть фиксированной - 1000px (ну это я смогу изменить самостоятельно  );

Сама проблема состоит в том, чтобы высота sidebar зависела от высоты блока content (в котором собственно и будет располагаться контент)

 

Сам попробовал - не получается, текст почему-то отображается под sidebar

Воспользовался генератором, он генерирует говнокод какой-то.

 

Помогите пожалуйста, буду очень благодарен.

Edited June 26, 2014 by Baravo

[npofopr]

http://csstemplater.com/

[Baravo]

http://csstemplater.com/

 

Именно про него я и говорил в первом сообщении. Не нравиться мне его код. Хотя, сейчас снова посмотрю... 

Я уверен в том, что на форуме есть знатоки, которые смогут помочь мне 

 

Он создаёт линию шириной в ширину sidebar, потом самому sidebar придаёт значение left: -ширина блока;

затем блоку content придаёт значение width: 100%; left: -100%;

Да ещё и :before при всём при этом использует...

Edited June 26, 2014 by Baravo

[afdw]

http://jsfiddle.net/WHTw8/: поменяйте теги на html5.

из http://htmlbook.ru/blog/4-metoda-sozdaniya-kolonok-odinakovoy-vysoty

Edited June 26, 2014 by afdw

[Baravo]

http://jsfiddle.net/WHTw8/: поменяйте теги на html5.

из http://htmlbook.ru/blog/4-metoda-sozdaniya-kolonok-odinakovoy-vysoty

За статью спасибо огромное!

А вот ваш метод ещё более некорректен, чем генератор. 

Думаю вопрос исчерпан. Думал это можно сделать простейшим кодом.

[Baravo]

http://jsfiddle.net/WHTw8/: поменяйте теги на html5.

из http://htmlbook.ru/blog/4-metoda-sozdaniya-kolonok-odinakovoy-vysoty

 

Извините за мой верхний пост, всё верно сделано. Спасибо!