Адаптивный дизайн: 1 блок 100% другой фикс.

Grossman Grossman  
1
  14.04.2014 16:35       402     Помощь  
Итак, вопрос светочам адаптивного дизайна. Вопрос технической стороны.
У меня есть два дива:
<div id="content"></div>
<div id="right"></div>
Трабл заключается в том, что я уже второй день не могу заставить right быть шириной 250px, а content заполнить всё оставшееся пространство на той же высоте.
Наоборот, контент фиксированной ширины, а райт резиновый - делается без проблем, а тут прям гвоздь какой-то.
Буду бесконечно признателен если поможете.

Ответы на пост (7) Написать ответ
WarEnek WarEnek
7
14.04.2014 16:58
Проще было, если бы выложили на какой-нибудь codepen или jsbin.
0
WarEnek WarEnek
7
14.04.2014 17:30
Попробовать с margin-right: 250px; и шириной контента 100%?
0
Grossman Grossman
1
14.04.2014 17:34
Пробовал так:
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#right {
float: right;
width: 150px;
background-color: yellow;
}
#left {
margin-right: 150px;
background-color: green;
}
</style>

<div id='right'>right</div>
<div id='content'>left</div>

Всё работает, но нужно чтобы в коде был right после content, чтобы безболезненно его на мобильниках запихнуть под текст материала.
0
murchiktv murchiktv
65
14.04.2014 17:33
Проще сделать скрин-шот,и показать что надо,и что есть... а на словах это сложно! может у вас шаблон из паблика,где стоит защита которая основана на скриптах,и не дает вам что либо изменить.
как-то так.
0
Grossman Grossman
1
14.04.2014 17:35
У меня всё самописное.
0
Grossman Grossman
1
14.04.2014 17:35
Выше привёл код. Должно быть вроде этого. Как видите всё казалось бы предельно просто.
0
Grossman Grossman
1
14.04.2014 18:24
Нашёл. Может кому-то понадобится http://blog.html.it/layoutgala/LayoutGala23.html
0