Как правильно сделать адаптацию к маленькому экрану?

[Melodyn]

В общем, есть это: http://jsfiddle.net/78DAJ/

 

Справа должен быть навигационный блок. Слева должен быть контент. Когда экран меньше 1024 пикс, то панелька справа налазит на текст контента.

 

Так вот вопрос:

1. Сделать через @meta фиксацию размера сайта, типа отступа в 896 пикс?

2. Поставить какой-нибудь чудо-тег, скорее всего из jQuery, который считает размер контента и ставит автоматически отступ для right?

3. Может, я не вижу более очевидного решения?

 

PS

Отмечу, что параметры блока right нельзя менять, т.к. он должен ползать за пользователем по странице, в 100% высоту.

Edited April 27, 2014 by Melodyn

[Sensei]

«Честно сказать, я в шоке»

http://jsfiddle.net/F9VEu/

[Melodyn]

«Честно сказать, я в шоке»

http://jsfiddle.net/F9VEu/

Честно говоря, я сейчас колдовал с этой штукой. Мне не нравится то, что нельзя поставить значения min-width, которые всё-таки нужны.

[npofopr]

 

«Честно сказать, я в шоке»

http://jsfiddle.net/F9VEu/

Честно говоря, я сейчас колдовал с этой штукой. Мне не нравится то, что нельзя поставить значения min-width, которые всё-таки нужны.

 

какая то в последнее время большая активность на этот min-width, на кой ляд он, если вы хотите адаптивности?

[Melodyn]

 

 

 

Просто есть задача, которую нужно решить. Не смотрите на те вещи, которые вам нравятся или не нравятся, а то тема перерастёт в срач. 

[npofopr]

 

 

 

 

Просто есть задача, которую нужно решить. Не смотрите на те вещи, которые вам нравятся или не нравятся, а то тема перерастёт в срач. 

 

Мне нравится min-width, просто вы или сами не знаете чего хотите, или до нас смысл не доносите, или не понимаете, что такое адаптивность и min-width до кучи.

Да и не говорите, зачем вам нужны эти min-width. 

[Melodyn]

Как зачем? У меня есть дизайн с большими кнопками и картинками, для сенсоров. Я хочу, чтобы размер сайта останавливался на 1024*768, поэтому задаю min-width. Без него получится шляпень.