راهنمایی در مورد تگ Div [بایگانی]

ehsan_starlight

چهارشنبه 05 بهمن 1390, 01:17 صبح

سلام دوستان ...
با توجه به تصویر ضمیمه شده ، layout اون رو با تگ Div وبه کمک Css طراحی کردم...
اما نمی تونم قسمت News رو در اون قسمت قرار بدم ...
چطور باید این کار رو انجام بدم .؟؟؟؟؟
این کد وبم هست:

<head runat="server">
<title></title>
<link href="Style/StyleSheet.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>

<form runat="server">
<div id="container">
<div id="banner">Logo</div>
<div id="Menu">Menu</div>
<div id="left">Menu left</div>
<div id="right">Menu right</div>
<div id="content"><asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder></div>
<div id="footer">Footer</div>
</div>
</form>
</body>
</html>

و این هم فایل Css:

body {
background-color: #f9f8f8;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0;
margin:0;
}
/* ----------container to center the layout-------------- */
#container {
width: 950px;
margin: 0 auto;
background-color: #ffffff;
}
/* ----------banner for logo-------------- */
#banner {
background-color: #555555;
padding: 70px;
margin: 0px;
}
/* -----------------Main--------------------- */

div#content {
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
}
/* --------------left & Right Panel------------- */
#left {
float: left;
width: 150px;
height:600px;
margin: 0;
padding: 0;
border-right:1px solid #dddddd;
}
#right {
float: right;
width: 150px;
height:600px;
margin: 0;
padding: 0;
border-left:1px solid #dddddd;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 10px;
background-color:#dddddd;
}
/* -----------Menu--------------------------- */
#Menu
{
padding:10px;
background-color: #ffffff;
border-bottom:1px solid #dddddd;
border-top:1px solid #dddddd;

}