Проблема с блоками

[Pato]

Добрый вечер всем.

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

На данный момент выглядит так

http://s015.radikal.ru/i331/1107/73/81522a62cdd6.jpg

Помогите с этим..

[Justnewone]

Service Unavailable

HTTP Error 503. The service is unavailable.

Но в любом случае, лучше ссылку сразу на проблемную страницу.

[Softlink]

а вы поставьте родителю цвет сайдбара, а блоку с контентом уже задайте этот фон слева с репитом по y в связке с цветом (белый он у вас по-моему), все должно получиться. Думаю, я правильно понял задачу.

недавно показывал похожий пример, немного сейчас переделал http://jsfiddle.net/YGWvd/1/

[Justnewone]

Можно еще прикольней - просто общему диву дать бекгрунд (1пх в высоту, посторяться по вертикали), ну и отклиерить его, чтобы он своих блудных флоат детей чувствовал.

[Pato]

вот ссылка на страницу http://test.hi-news.ws/index.html

наверно я изначально не правильно верстал..

[Softlink]

ну как бы можно там кое-чего поменять. Блоку content вряд ли необходим float. Посмотрите как работает пример, который я привел вам. Есть общая обертка для вашего сайдбара и контента. Для нее задайте цвет фона вашего сайдбара, а картинку sidebar_bg.gif отправьте в блок контент с выравниванием слева и репитом по y. Это минимальные правки, при которых все заработает как вам надо. Мне так видится это.

[Justnewone]

Поддерживаю, только что хотел то же самое написать.

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

[Softlink]

ну может быть и так. Хотя мне нравится обычная пуленепробиваемая схема, которая есть на htmlbook. Левому блоку флот, а правому margin-left.

[Pato]

для контента я убрал флоат. Смотрите что из этого получилось. Сейчас попробую сделать как вы сказали

[Softlink]

для контента я убрал флоат. Смотрите что из этого получилось. Сейчас попробую сделать как вы сказали

его надо не просто убрать, а вместо него поставить margin-left равный вашему сайдбару.

[Pato]

все понял

Edited July 29, 2011 by Pato

[Softlink]

дубль два http://jsfiddle.net/YGWvd/2/

Взята ваша картинка. Так должно получиться?

[Pato]

да я понял, вроде бы все отлично, да только левый паддинг не работает. Нужно же чтобы отступ был хотя бы пикселей 50

[Softlink]

да я понял, вроде бы все отлично, да только левый паддинг не работает. Нужно же чтобы отступ был хотя бы пикселей 50

ну сейчас у вас у контента стоит левый - 0

[Pato]

Спасибо за помощь, буду пробовать