maxpayn2
شنبه 23 مرداد 1389, 10:12 صبح
مرسي از شما.ولي يه سوال؟ چگونه div ها را مثل Column هاي جدول در كنار هم بذارم.؟
کد صفحه aspx :
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fa" dir="rtl" >
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Stylesheet.css" rel="stylesheet" type="text/css" />
<title>Untitle</title>
</head>
<body class="body">
<form id="form1" runat="server">
<table style="margin:0 auto;">
<tr><td>
<asp:Label ID="LabelMessage" runat="server" Visible="false" ForeColor="Red"></asp:Label>
<div id="Div1" class="page" runat="server">
<div id="banner" class="banner" runat="server">
</div>
<div id="Center" class="center" runat="server">
<div id="Menu" class="menu" runat="server">
<div id="menu_top" class="menu_top" runat="server">
<asp:Label ID="Label2" runat="server" ForeColor="White" Font-Size="10pt">منوی کاربری</asp:Label>
</div>
<div id="Div2" class="menu_botoom" runat="server">
</div>
</div>
<div id="Content" class="content" runat="server">
</div>
<br clear="all" />
</div>
<div id="footer" class="footer" runat="server">
</div>
</div>
</td></tr>
</table>
</form>
</body>
</html>
کد صفحه StyleSheet.css
.body
{
text-align:center;
font-family:Tahoma;
width:100%;
margin:0 auto;
direction: rtl;
}
.page
{
background-color:#e5e5e5;
text-align:center;
width:100%;
margin:0 auto;
}
.banner
{
width:994px;
height:90px;
border-style:solid;
border-width:0px;
background-color:#0e2036;
text-align:center;
padding-top:40px;
margin-bottom:5px;
font-weight: 700;
}
.center
{
width:994px;
text-align:right;
padding-bottom:5px;
}
.menu
{
float:right;
width:150px;
padding-right:10px;
padding-left:10px;
}
.menu_top
{
height:20px;
background-color:#0e2036;
text-align:center;
}
.menu_botoom
{
background-color:#f7f7f7;
text-align:right;
padding-right:2px;
height:200px;
}
.content
{
float:right;
width:800px;
height:300px;
background-color:#f7f7f7;
padding:10px;
}
.footer
{
width:994px;
height:30px;
border-style:solid;
border-width:0px;
background-color:#0e2036;
text-align:center;
padding-top:10px;
}