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

Question

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

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

0

адаптивная верстка

Ответы на пост (7) Написать ответ

Быстрая регистрация для ответа Войти

Answer 1

WarEnek

7

14.04.2014 16:58

Проще было, если бы выложили на какой-нибудь codepen или jsbin.

0

Answer 2

WarEnek

7

14.04.2014 17:30

Попробовать с margin-right: 250px; и шириной контента 100%?

0

Answer 3

Пробовал так:

<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, чтобы безболезненно его на мобильниках запихнуть под текст материала.

Answer 4

Проще сделать скрин-шот,и показать что надо,и что есть... а на словах это сложно! может у вас шаблон из паблика,где стоит защита которая основана на скриптах,и не дает вам что либо изменить.
как-то так.

Answer 5

Grossman

11

14.04.2014 17:35

У меня всё самописное.

0

Answer 6

Выше привёл код. Должно быть вроде этого. Как видите всё казалось бы предельно просто.

Answer 7

Grossman

11

14.04.2014 18:24

Нашёл. Может кому-то понадобится http://blog.html.it/layoutgala/LayoutGala23.html

0

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

Похожие посты

Анализ сайта