این قالب رو امتحان کن ، بدون table هست :
کد HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
direction: rtl;
font: 12px Tahoma;
color: #444;
}
.Main
{
margin: 0 auto;
width: 97em;
height: 600px;
}
.Head
{
width: 100%;
background-color: #669999;
height: 100px;
}
.Menu
{
width: 100%;
background-color: #336699;
height: 30px;
}
.Content
{
width: 100%;
height: 440px;
position: relative;
}
.Right
{
width: 20em;
background-color: #336600;
float: right;
height: 100%;
}
.Center
{
width: 57em;
background-color: #CC99FF;
float: right;
height: 100%;
}
.Left
{
width: 20em;
background-color: #993333;
float: right;
height: 100%;
}
.Footer
{
width: 100%;
background-color: #808080;
height: 30px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="Main">
<div class="Head">
</div>
<div class="Menu">
</div>
<div class="Content">
<div class="Right">
</div>
<div class="Center">
</div>
<div class="Left">
</div>
</div>
<div class="Footer">
</div>
</div>
</form>
</body>
</html>
مشکل در طراحی صفحه اول وب سایت با جدول
پاسخ با نقل قول
