Обнаруйте ширину экрана и установите идентификатор на ширину div кадра. Отрегулируйте его в соответствии с максимальной шириной вашей веб -страницы. Максимальная ширина небольшой демонстрации - 1440
Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> unt назвал документ </title>
<script src = "js/jquery.min.js" type = "text/javascript"> </script>
<Скрипт>
функция onwidthChange () {
var w = $ (window) .width ();
x = (W-1440)/2;
$ ("#рамка"). CSS ("ширина", w);
if (w <1024) {
$ ("#Frame"). CSS ("Overflow", "Visible");
$ ("#webcontent"). CSS ("Margin-Left", x);
} else if (1024 <w <1440) {
$ ("#Frame"). CSS ("Overflow", "Hidden");
$ ("#webcontent"). CSS ("Margin-Left", x);
}
setTimeout (onwidthChange, 0);
};
</script>
</head>
<тело>
<div id = "frame" style = "overflow: hidden;">
<div id = "webcontent">
//содержание
</div>
</div>
</body>
</html>