Помогите! резиновая верстка

[dj-evgeniy]

Есть шаблон:

http://yadi.sk/d/pkDrDmKyCVoTG

Ширина блока #maininner 75%

Ширина блока #sidebar-a 25%

При изменении ширины окна браузера, эти 2 блока соответственно своим процентам тянуться.

 

Нужно сделать чтобы ширина #sidebar-a была ровно в 250px он был прилеплен к правой стороне #block-main.

Блок #maininner занимал 100% свободного места, от левой стороны #block-main до #sidebar-a

 

Как бы я непробовал сделать, #sidebar-a скидывается вниз блока #maininner

 

p.s. в схеме цвет блока совпадает с цветом его css кода.

[Bassline]

Так?

#block-main { width: 100%; }        #sidebar { float: right; width: 250px; background-color: red; }        #maininner { margin-right: 250px; background-color: green; }<div id="block-main">	<div id="sidebar">Sidebar</div>	<div id="maininner">Maininner</div></div>

[dj-evgeniy]

Нет, так неполучается, всеравно скидывает sidebar вниз!

Вот ссылка на живой сайт:

http://jsfiddle.net/7TaHT/2/

Точнее через сервис jsfiddle.net , сам сайт пока закрыт.

 

Посмотрите пожалуйста!

[klierik]

в Хроме ничего не ломается

[Z1gnet]

Нет, так неполучается, всеравно скидывает sidebar вниз!

Вот ссылка на живой сайт:

http://jsfiddle.net/7TaHT/2/

Точнее через сервис jsfiddle.net , сам сайт пока закрыт.

 

Посмотрите пожалуйста!

 

потому что у тебя сайдбар идет по коду ниже чем #maininner. если тебе нужно что бы он так и оставался ниже по коду (с точки зрения СЕО так гараздо лучше) то можно такой вариант

<div id="main">  <div class="main-holder">Content</div></div><div id="sidebar">sidebar</div>#main{    float:left;    width:100%;}.main-holder{    margin:0 250px 0 0;    background:#f00;}#sidebar{    float:right;    width:220px;    margin:0 0 0 -220px;}