ウィンドウのサイズが変更されたときに Web サイトの幅を調整しようとしています。
JQuery:
$(window).resize(function() {
var w = $("body").width();
if(w-810 < 0) {
$("body").css("Left","0px");
}
else {
var width = w.toString() + "px";
$("body").css("Left",width);
}
});
CSS:
body {
background-color: #eeeeee;
position: relative;
left: 20%;
}
HTML:
<script src="scripts\jquery.min.js" type="text/javascript"></script>
<script src="scripts\myJavascript.js" type="text/javascript"></script>
....
<body class="body">
クラスごとにボディを選択すると(jqueryで「#body」に変更)、幅のデフォルトは常に0pxになります。
何か案は?