Здравствуйте. Вот сайт есть:
http://www.homotomia.ru/
Хозяин сайта попросил уменьшить фотоаппарат, чтобы он влазил в браузер. Чтобы всё было пропорционально, я выставил масштабирование сайта по умолчанию, вот так:
$("body").css({ zoom: 0.65, transform: "scale(0.65)", transformOrigin: "0 0" });
document.body.style.MozTransform="scale(0.65)"; // для FireFox
if ($.browser.opera) {
$("body").css("marginTop", "-150px");
document.body.style.OTransform = "scale(0.65)";// Для Opera
}
И появилась забавная проблема, которую я не знаю как решить. Из за масштабирования, сама область документа выравнивается по левому краю в 2 браузерах, в IE и в Firefox. И из-за этого сайт перестаёт быть по центру. Я думал узнать общую ширину окна браузера с помощью $(document).width(), $(window).width(), screen.width, document.body.clientWidth и через вычисления выравнить. Но всё это выдаёт не рабочую область браузера, а область документа. Вот не знаю, как решить проблему. Может подскажете что?