Detecte a largura da tela e defina o ID na largura da div. Ajuste -o de acordo com a largura máxima da sua página da web. A largura máxima da pequena demonstração é 1440
A cópia do código é a seguinte:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-bransitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> unt intitulado Documento </title>
<script src = "js/jQuery.min.js" type = "text/javascript"> </script>
<Cript>
função onWidthChange () {
var w = $ (janela) .Width ();
x = (W-1440)/2;
$ ("#quadro"). CSS ("largura", w);
if (w <1024) {
$ ("#Frame"). CSS ("Overflow", "Visible");
$ ("#webcontent"). CSS ("margem-esquerda", x);
} else if (1024 <w <1440) {
$ ("#Frame"). CSS ("Overflow", "Hidden");
$ ("#webcontent"). CSS ("margem-esquerda", x);
}
setTimeout (onWidthChange, 0);
};
</script>
</head>
<Body>
<div id = "frame" style = "Overflow: Hidden;">
<div id = "webContent">
//contente
</div>
</div>
</body>
</html>