PDA

View Full Version : Sửa hộ mình cái CSS này với.


buidangmanh
20-03-2009, 23:54
trước đây mình design web bằng layout trong DW, nhung kết quả thu lại đa số là web xấu, nay mình chuyển sang sài thẻ Div cho Web đẹp hơn thì lại gặp 1 số vấn đề không biết sửa như thế nào mong các bạn sửa dùm.
CODE HTML:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Page design</title>
<link href="mycss.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<div class="image_banner">Banner</div>
<div class="menu">Menu</div>
<div class="left_content">Left content </div>
<div class="right_content">Right content </div>
<div class="middle_content">Middle Content</div>
<div class="footer">Footer</div>
</form>
</body>
</html>


CODE CSS


.image_banner {
margin:0px auto ;
height:200px;
width:770px;
}
.menu {
margin:0px;
height:30px;
width:770px;
}
.left_content {

padding: 0px 20px 500px 20px;
width:150px;
float:left;
}
.right_content {

padding: 0px 20px 500px 20px;
width:180px;
float:right;
}
.middle_content {
margin-left:auto;
margin-right:auto;
width:355px;
padding:0px 0px 500px 0px;
}
.footer {
clear:both;
width:770px;
height:70px;
}

Các bạn xem hộ mình cái thẻ Div của phần <div class="middle_content">Middle Content</div>. Phần nội dung 'middle_content' của nó không chui vào giữa 2 bên 'leftcontent' và 'rightcontent'. Thank các bạn

[=========> Bổ sung bài viết <=========]

Tất cả nhũng thứ trên là mình chỉ tạo 1 cái template mẫu với layout dang như vậy thôi chứ chưa có bất kỳ nội dung hoặc hình ảnh nào cả.
BeatOfAngle
21-03-2009, 00:29
mình vẫn thấy midle content nằm giữa đấy chứ , mình xài ie7 và ff3.mà sao , ngoài left content và right content,các cái còn lại sao ko để width:auto.mình toàn để thế.cũng mới tập tọe tableless layout :p
buidangmanh
21-03-2009, 16:11
bạn nhìn code mà đoán được nó đang ở giữa àh! cái khoảng ở giữa của nó bây h đang bị bỏ trống, còn miidle content thì nhảy hẳn xuống dưới thành một dòng mới. chán quá có ai giúp tớ với

[=========> Bổ sung bài viết <=========]

thank bạn nhé! mình đổi theo auto cua bạn thì lại được