[Ok_]

Всем привет!

Помогите , пожалуйста, разобраться с макетом. Я больше по части дизайна и аудита. Резиновый макет делала только таблицами.

Вот здесь пример того, что мне нужно:

http://s47.radikal.ru/i118/1208/be/59e3f72b6a0dt.jpg

т.е. как видно, нет ни шапки ни футера. Есть только два блока:
левый с меню и правый, где картинка заполняет весь блок.


задача:

нужно, что бы при разных размерах монитора картинка оставалась неизменной. Т.е. в маленьком мониторе картинка становится маленькой но полной, а в большом, она растягивается.
Сам макет отображается на весь экран без скрола.

вопросы:

1) какой посоветуете делать макет - меню - фикс, а правый блок - резина? или оба блока резиновые?

2) сейчас размеры картинки 900х590. Каковы должны быть правильные размеры с учетом задачи? Какая в принципе д.б. ширина рисунка, чтобы он был во всю ширину любого экрана, т.е. чтобы на любом экране он был 100%, И как можно оптимизировать рисунок, чтобы он точно как бы "подгонялся" по ширине экрана?

3) как нужно прописать css,что бы макет одинаково смотрелся хорошо во всех браузерах.

заранее всем спасибо)

п.с. на htmlbook.ru была, инет "лопатила", может кто объяснит доступным языком?

[maxefect]

Смотря что в правой колонке? БЛОК С ФОНОМ ИЗОБРАЖЕНИЯ (css background), ИЛИ БЛОК СО ВСТАВЛЕННЫМ ИЗОБРАЖЕНИЕМ РАСТЯНУТЫМ НА НА ВЕСЬ БЛОК (<img>)

[Ok_]

Смотря что в правой колонке?

не знаю что лушче, подскажите)
сама делала второй вариант - БЛОК СО ВСТАВЛЕННЫМ ИЗОБРАЖЕНИЕМ РАСТЯНУТЫМ НА НА ВЕСЬ БЛОК

[maxefect]

Ну тут в зависимости, что у вас будет и должно быть в правой колонке:
1) Будут выводиться различные изображения
2) Будет выводиться текст. а фоном будет изображение

Добавлено через 3 часа 0 минут

я попытался быстренько сфарганить, но такое УГ вышло
http://testbird.xe0.ru/

На самом деле, необходимо делать по принципу Response Design + CSS запросы для адаптивности изображений... конечно в теории все это легко, но на практике нужно отрабатывать

Добавлено через 11 часов 20 минут

Я проработаю пример и снова выложу чуть позже

Добавлено через 14 секунд

Я проработаю пример и снова выложу чуть позже

[maxefect]

Резиновый, адаптивный макет на div

вот моя статья:

[JohnJ]

Такой вариант подойдёт или я не так понял задачу? http://jsfiddle.net/Ruyqa/
ПС: у maxefect-а подсмотрел идею как как сделать два столбца в один при узком экране

Добавлено через 27 минут

ответы:
1. меню фиксированное, правый блок резиновый
2. лучше всего сделать несколько картинок, например штуки три. И грузить в зависимости от ширины экрана. Но это уже только с участием скрипта. Хотя... используя хитрость от maxefect-а, можно и без скриптов обойтись. Маленькое изображение, например 500 пикселей шириной на экраны <=500 пикселей. Среднее изображение, например 800-900 пикселей на экраны, соответственно от 500 до 800-900 пикселей, и на остальные экраны крупное изображение размером 1280 и более пикселей. Дело в том, что уменьшаются изображения лучше, чем увеличиваются. При увеличении - они размываются. Поэтому можно было бы оставить одно крупное изображение и уменьшать его, но зачем пользователя с экраном 400 пикселей заставлять загружать изображение шириной в 1280?
Тут ещё нужно учесть, правда, что твоё изображение не на весь экран, а только справа. Т.е. если меню 300 пикселей, то это нужно учитывать.