управление макетом веб-страницы - PullRequest
Новая
       18

управление макетом веб-страницы

0 голосов
/ 30 октября 2011

У меня есть веб-страница, проблема в том, что когда я минимизирую (нажав кнопку «Развернуть» в строке заголовка) веб-страницу, все перемешивается, что выглядит не очень хорошо. Есть свойство CSS для управления макетом страницы, когда она минимизируется.

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;

}
...