johan

в принципе так и сделал, но возникла другая проблема - между элементами появилось расстояние непонятное, в jsfiddle.net его нет, а в браузерах отображает, хотя все margin убрал, как убрать это расстояние и задавать только margin?

Замучался уже, никак не могу расположить элементы по центру, хотя вроде всё по правилам делаю Подскажи как сделать чтобы li по центру распологались? http://jsfiddle.net/bsZ67/

Принтскрин пробовал но по принтскрину разное отображение на разных мониторах, продемонстрировать не получилось бы), ну тогда как определить какое отображение "истинное" или хотя бы у большинства пользователей? Или может есть "таблица цветов стандартных на всех мониторах"? В пайнт.нет та же беда Вот и я думал что цвет он и в Африке цвет, взял цвета в синих тонах, включил товарищу показать, а тут на тебе - зелёный

Пардон, оказалось что на рабочем компьютере лиса не понимает border-box без префикса, а на домашнем - понимает Появилась проблема с цветами... вообще странная - на одном мониторе Benq G2020HD смотрю оттенок прямо зеленый у фона, смотрю на ноуте - светлоголубой, как такое можно исправить? Cам цвет #91AA9D Вот собственно фото отражающее суть проблемы

Спасибо большое, на тестовом макете не уезжает, попробую внедрить так же в то что выкладывал. И так вопрос, чтобы не плодить тему, может кто сходу носом ткнёт - как бороться с размерами в процентах в 64 битной и 32 битной ОС? Сейчас открыл макет который делаю на другом компьютере и разница заметна существенно

Но таблицы использовать не очень хорошо же, или другого выхода нет?

Полоску не хочу вот именно, лучше бы она была, там проблема в том, что левый блок съезжает за экран и его не видно, и не добраться до него никак http://jsfiddle.net/6scNs/ - смещение меню не проблема, а вот левый блок прячется и всё тут

Не помогает

Позишн нужен для вертикального центрирования, так что не вариант

Такое дело, заказчику нужно чтобы сайт был расположен по центру, делаю таким образом #centerLayer { position: absolute; /* Абсолютное позиционирование */ width: 280px; /* Ширина слоя в пикселах */ height: 180px; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -150px; /* Отступ слева */ margin-top: -100px; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 10px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } и вроде всё хорошо, пока не поменяется размер браузера, то есть вот так смотрим всё нормально Но вот меняем размер браузера и правый бок уходит за границу видимости