Как правильно растянуть фоновую картинку?

[Scaramush]

Есть вот такой макет - http://s003.radikal.ru/i203/1207/e8/5b53232f4837.jpg Я решил его сделать резиновым - фоновую картинку сделать резиновой, а меню и текст поцепить на нее с помощью абсолютного позиционирования. Картинку решил растянуть без помощи JS и PHP, только CSS. В сети нашел 4 способа сделать это, но они не дают нужного эффекта. Помогите разобраться.

Вот пример верстки - http://divverstka.16mb.com/

Применяя background-size картинка неправильно масштабируется - пришлось отказаться.

Во всех способах, которые нашел для свойства background используется position:fixed; - но тогда пропадает боковой скроллинг и картинка на экране отображается не полностью.

Вместо position:fixed; я поставил absolute, все вроде бы хорошо, но если подвигать ширину браузера в Opera, Safari, Firefox то высоты картинки не хватает и внизу появляется белый фон.

Медиа запрос, который должен был устранить эту проблему, не помог.В Chrome и IE отображается корректно.

Edited July 21, 2012 by Scaramush

[SilentImp]

У тебя есть основной цвет фона.

У тебя есть каринка на этом фоне.

Картинка, если браузер позволяет, масштабируется через background-size;

Если не позволяется — не масштабируется.

Вот как то так: http://jsfiddle.net/rcmdd/2/

Edited July 21, 2012 by SilentImp

[SilentImp]

Ну и не очень понятно почему ты выбрал в качестве стандарта HTML 4.01

Может быть лучше все же использовать HTML5? Сравни тот код, который привел я со своим. Мне кажется, что он лаконичнее, более читаем и немет большую семантическую ценность.

Нет причин не использовать HTML5

А, и еще по украинскому законодательству копирайт устанавливается в виде:

«Автор, значе копирайта, дата первого показа работы (обычно с точностью до года)»

Что по твоему мнению должен показывать диапазон дат в копирайте?

[Scaramush]

В HTML5 еще не пробовал верстать

[SilentImp]

Попробуйте.

Можете послушать брюса лоусона по этому поводу:

http://video.disruptivecode.com/video/840618/the-zen-of-html5-bruce

Хотел показать пару толковых докладов про HTML5 на русском (даже я про это рассказывал) с WSD, но оказалось что настолько старых все же нету ((((

Но может найдете что то интересное: http://vimeo.com/channels/wstdays/

И если мой ответ был полезен, то в нижнем правом углу у каждого поста — плюсик.

Edited July 21, 2012 by SilentImp

[Scaramush]

Плюсанул бы да не могу. Пишет ахинею про лимит положительных оценок на сегодня.

[SilentImp]

Печалька. Наверное, какое то коварное ограничение форума.