1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

[Решено] Помогите с разметкой

Главные вкладки

Аватар пользователя kv4 kv4 29 ноября 2010 в 12:12

помогите пожалуста. Голову уже сломал, не могу понять как сделать.
Есть разметка

<style type='text/css'>
        #side-bar, #content{float:left; border:solid 1px red}
</style>
<div id="main">
        <div id="side-bar">
                Lorem ipsum dollar<br/>
                Lorem ipsum dollar<br/>
                Lorem ipsum dollar<br/>
        </div>
        <div id="content">
                Lorem ipsum dollar<br/>
                Lorem ipsum dollar<br/>
                Lorem ipsum dollar<br/>
                Lorem ipsum dollar<br/>
                Lorem ipsum dollar<br/>
                Lorem ipsum dollar<br/>
        </div>
</div>

Как сделать так, что бы высота #side-bar всегда была равна высоте #content.
Высота #content заранее неизвестна (определяется контентом)

Комментарии

Аватар пользователя kv4 kv4 29 ноября 2010 в 13:05

"adamant08" wrote:

Возможно сайдбар и контент поставить внутрь еще одного блока, а сайдбару указать высоту 100%.

Они и так внутри контейнера #main. И высота 100% работает только если у внешнего контейнера задана высота, причем не в %.

"adamant08" wrote:

также можно это в таблицу запихнуть :)

В таблицу можно, но не очень хочется это делать, поскольку разметкауже существует, и все работает. Понадобилось дополнительно сделать #side-bar во всю высоту.

Аватар пользователя q2_faith q2_faith 29 ноября 2010 в 13:14

если табличная верстка, то такой проблемы не должно быть, а если дивами верстаете, то воспользуйтесь поиском, видел в инете несколько решений

Аватар пользователя oboroten oboroten 29 ноября 2010 в 14:51
<style>
#side-bar{float:left; border:solid 1px red; background:red; padding:0 0 30000px; margin:0 0 -30000px;}
#content{float:left; border:solid 1px #fff;}
#main {display:block; float:left; overflow:hidden;}
</style>

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