关于页面布局问题，菜鸟求教！

不同的电脑屏幕分辨率是不一定相同的；
同样，不同的电脑可能 网页屏幕像素不一样，有认识1024*768，有认识1380*800,等等。所以，我这种小菜鸟就好纠结了。因为我在做网站的时候有一个这样的思路。思路：
我用一个iframe放在屏幕的中央(即<center>标签)，然后，
由于iframe默认值是300px(我用google查看元素猜测的)，
所以，我打算人为给定iframe 的宽度：
然后，如果用户屏幕的大小低于1024，则document.style.width=screen.availWidth,
否则就width = 1024px。我是个菜鸟，菜就菜在我有思路，却不知道怎么写！求高手指教！谢谢！

解决方案 »

  1.   


    百分比当然可以，但是，由于是菜鸟，我自然想用JS尝试一下了！
    <html>
     <head><title>test</test></head>
     <body>
       <script language="javascript">
         var self = 1024;
         var winScreen = screen.availWidth;
         if( self < winScreen )
            document.getElementById("if").style.width = self ;
         else
            document.getElementById("if").style.width = winSrceen ;
       </script>
       <center>
          <iframe src="mainFrame.jsp"></iframe>
       </center>
     </body>
    </html>请问我这样写 错了么？ 错在哪里呢 ？求指教
      

  2.   


    设置成100%是不行的，因为如果设置成100%，那么<center>就没用了，因为<iframe>覆盖了全屏。我所以我想设置为固定某一大小，这样就可以挂在正中央了！请问这样要怎么办？