控制网页布局

Question

我有一个网页，问题是当我最小化（通过点击标题栏上的最大化按钮）网页时，所有内容都显得不好看。有什么CSS属性可以在最小化时控制页面布局。< / p>

admin.shtml ------------

<div id="admin">
     <!-- header section-->
    <!--#include file="header.ssi"-->

    <!-- Menu section-->
    <!--#include file="menu.ssi"-->

         <p> Welcome to admin page</p>  

<div>    

header.ssi -------------

<table width="100%" bgcolor="black">
<tr height="122" >                                   
<td align="center" valign="middle" width="191" height="102"><img src="images/logo.jpg" alt="" width="140" height="80" border="0" /></td>                            
<td height="78"><img src="images/head1.jpg" alt="" width="228" height="70" border="0" /><br/>
<img src="images/head2.jpg" alt="" width="431" height="21" border="0" /></td>
</tr>
</table>

menu.ssi ------------

<div id="navigation">
<ul>      
<li><a href="changepwd.shtml" title="changepwd">Change Password</a></li>
<li><a href="newproduct.shtml" title="newproduct">New Product</a></li>
</ul>   
</div>

的style.css --------------

#admin {
       height: 845px;
       margin-left:20%;
       margin-right:20%;
       border-top: 2px solid black;
       border-left: 2px solid black;
       border-bottom: 2px solid black;
       border-right: 2px solid black;
       }

/ *菜单栏* /

#navigation ul {
    margin-left: 50px;
       margin-right: 20px;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#navigation ul li {
    float:left;
    font-size:14px;
    text-align: center;
    padding: 0;
    margin: 0;
}

#navigation ul li a {
    background-color:#BAA377;
    color:#000000;
    width: 120px;
    height: 25px;
       margin-top:4px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    padding: 0;
    text-decoration: none;
    display: block;
    text-align: center;

}