Верстка блочная
Есть 2 блоки (в 1-ом располагаются блоки меню и т.д..., во 2-ом сам контент (новости)), так вот проблема в следующем:
1. Я не знаю как сделать чтобы оба блоки были однаковой высоты (тоисть чтобы они растягивались паралельно по длине один до одного)
Вот скрин:
http://site-seo.3dn.ru/screen.jpg
Если Вы заметили то правый блок (контент) не растягивается по длине паралельно с левым
Вот html код:
<!-- blocks -->
<div id="blocks">
<!-- left blocks -->
<div id="lBlocks">
<!-- blok Login -->
<div class="blockLogin">
<img src="images/loginPanelLogo.jpg" />
<div class="blockLoginTop"></div>
<div class="blockLoginCenter"></div>
<div class="blockLoginFotter"></div>
</div>
<!-- blok Login end -->
</div>
<!-- left blocks end -->
<div class="bloksasd"></div>
<!-- content -->
<div id="content">
content<br />
content<br />
content<br />
content<br />
</div>
<!-- content end -->
</div>
<div id="blocksFotter"></div>
<!-- bloks end -->
Вот css код:
#blocks { height:auto; }
#lBlocks { width:270px; float:left; height:auto; background:url(images/blocksBack.jpg) repeat-x #fff; }
#content { height:auto; margin-left:270px; background:url(images/contentBack.jpg) no-repeat #fff; }
Очень жду Вашей помощи
Примечание:
Извините вот правельный html код:
<!-- blocks -->
<div id="blocks">
<!-- left blocks -->
<div id="lBlocks">
<!-- blok Login -->
<div class="blockLogin">
<img src="images/loginPanelLogo.jpg" />
<div class="blockLoginTop"></div>
<div class="blockLoginCenter"></div>
<div class="blockLoginFotter"></div>
</div>
<!-- blok Login end -->
</div>
<!-- left blocks end -->
<!-- content -->
<div id="content">
content<br />
content<br />
content<br />
content<br />
</div>
<!-- content end -->
</div>
<div id="blocksFotter"></div>
<!-- bloks end -->
Примечание:
>> nescient
Молодец КЕП, купи себе конфету.
На реальных примерах такой проблемы не найти!
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.