2 независимых div

[ramon111]

Имеется сайт с шириной 940 пкс.

Нужна шапка, которая тянется по всей ширине браузера.

Проблема в горизонтальном скроле.

Что рассказывать, лучше показать:

http://jsfiddle.net/ramon111/S6NPP/12/

С overflow-x:hidden для body все вроди ничего, но это свойство не поддерживают мобильные браузеры (например Android), а это очень важно.

Помогите плиз, мозги размазал, ничего не могу придумать.

Edited November 10, 2012 by ramon111

[rikimaru2013]

.right-head { width: 500%;}

Боюсь спросить зачем тебе блок шириной 4800px :yahoo:/>

Опиши подробно задание, а то я вижу лишь 2 цветных блока и парня желающего верстать под Андроид.

Edited November 10, 2012 by rikimaru2013

[ramon111]

Поправил пример.

И нарисовал дизайн):

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

[USF]

%

[ramon111]

Я и применил проценты. Благодаря этому и появляется горизонтальный скроллинг.