Жуля

Спасибо. Проблема была именно в нем Видимо IE, в отличие от остальных узрел там лишний пробел.

Стала проверять уже вроде бы отлаженную страницу на .php в ie 9. Оказалось, что статику .html он показывал корректно, а точно такую же страницу на .php показывает с частичными искажениями. Когда копипащу тот же самый php-код в статику, снова все ок. В чем может быть подвох? (Разумеется, оба файла используют одинаковые ссылки на css js и проч. И искажает он не всю страницу, а, к примеру, не показывает выравнивание margin: 0 auto; и letter-spacing. Статичный .html отображает точно так же, как в остальных браузерах отображатся .php)

Че-то я жосско туплю: там в последнем примере есть функция по выравниванию окна по центру, ее и надо было бы править. Вот что значит использовать чужие решения Спасибо за ваш вариант.

Не думала, что для этого надо мутить JS А можете хотя б примерно указать в какую сторону копать, кинуть в меня ссылкой какой? Мож я и сама напишу

Я не знаю как надо Думала, что css-ом можно было обойтись... Мне важно, чтобы окно можно было увидеть целиком с элементами управления. Можно его не по центру экрана лепить, а привязать к верхней части, это не принципиально.

Вот пример как не надо: http://photo.linky.ru/11/ При уменьшении окна пропадает шапка окошка -- Надо вот так: Там шапка привязана к верху экрана.

Пробовала, тогда шапочку контейнера почему-то обрезает при малых разрешениях. В идеале хотелось бы как на фейсбук фотки показываются во всплывающем окне. Но в коде разобраться не осилила

Есть всплывающий div блок, в который загружается текст для редактирования. Контейнер выставлен по центру left:50%; top:50%; Проблема: когда разрешение небольшое, контейнер вылезает за границы экрана, прокрутка появляется, но сам блок остается отцентрованным и прокрутка на него не действует. Как с таким бороться? Параметры контейнера: #popup { background-color: #FFFFFF; position: fixed; height:600px; left:50%; top:50%; min-width: 300px; z-index: 41; }

Посмотрела что это. Никогда не пользовалась таким и пока не буду.

Очень любопытно. Хоть свою проблему я и решила, но интересно было бы узнать в чем ошибся photograf, чтобы потом еще и про такой вариант не спрашивать.

Не знаю. А что за правила такие?

Спасибо

Понадобилось сделать шаблон с основным полем по центру и большим широким фоном, чтобы все это обрезалось с краев при разных размерах монитора. Использовалось свойство: body { background: url(название.jpg) 50% 0 no-repeat; } Все работает до тех пор, пока ширина окна браузера больше, чем центральная часть с контентом. Потом фон продолжает пропорционально уменьшаться по бокам, в то время как центральная часть приклеивается к левой стороне. В качестве примера с подобной проблемой можно посмотреть сайт http://lostfilm.tv/browse.php?cat=51 Там две безногие женщины позиционируются по центру, а основной текст сдвигается. В то же время на сайте http://www.kinopoisk.ru/ фоновая картинка перестает центрироваться, а остается вместе с основной частью слева. Изучала их css - не дошло. Там тоже стоит 50% 0 no-repeat Как сделать как на "Кинопоиске"?

Отлично! То, что надо. Спасибо!

А можно немного подробнее, кому надо прописать inline-block?