Bị lỗi vỡ div khi sử dụng Master Page

[thanhdung0906]

Đây là file css myStyle.css

/*------------------Start Home----------------------*/

html, body {
    ;../Images/bg.jpg") repeat-x scroll center bottom white;
    margin: 0;
    padding: 0;
    text-align: center;
}
body 
{
    ;../Images/body-bg.png") repeat-x scroll 0 top transparent;
    ;
    padding-bottom: 97px;
}
body, p, br, ul, ol, dl, dt, dd, div, span, td, textarea, submit, h1, h2, h3, h4, h5, h6 {
    color: #555555;
    ;
}
input {
    color: #000000;
    ;
}

a {
    color: #0486C9;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.underlineMeHover:hover {
    text-decoration: underline;
}
ul, ol, dl, dt, dd {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
form {
    margin: 0;
    padding: 0;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
    ;
    height: 0;
    line-height: 0;
}
#pagewidth {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 998px;
}

#header {
    height: 149px;
    position: relative;
    width: 100%;
    z-index: 999;
}
#header h1 {
    ;../Images/logo.png") no-repeat scroll left 0 transparent;
    float: left;
    height: 99px;
    margin: 19px 0 0 20px;
    padding: 0;
    position: absolute;
    width: 600px;
    z-index: 999;
}
#header h1.market{
    ;../Images/logo.png") no-repeat scroll left 0 transparent;
}
#header h1 a {
    display: block;
    height: 85px;
    outline: medium none;
    text-indent: -9999px;
    width: 600px;
}
#login 
{    
    color: #7F7F7F;
    float: right;
    ;
    margin: 40px 0 0 203px;
}
#login span {
    ;../Images/login-fld-bg.gif.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 24px;
    margin-right: 11px;
    vertical-align: middle;
    width: 142px;
}
#login span input {
    ;
    border: medium none;
    color: #989797;
    ;
    margin: 1px 0 0 5px;
    padding: 4px 0 0 4px;
    width: 130px;
}

#loginbtn {
    vertical-align: middle;   
}

#mainnav .dropmenu ul li {
    font-weight: bold;
}
#mainnav .dropmenu ul li ul li {
    margin: 0 !important;
    padding: 0 !important;
}
#mainnav .dropmenu ul li ul li a {
    ;
    ;
    font-weight: normal;
    margin: 4px 0 !important;
    padding: 0 !important;
}
#mainnav .dropmenu ul li ul {
    float: none !important;
    padding-left: 10px;
}
#mainnav {
    ;../Images/mainnav-bg.png") no-repeat scroll center top transparent;
    float: left;
    height: 50px;
    margin: 20px 0 0;
    padding: 0 15px;
    width: 968px;
}
#mainnav .nav {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 718px;
}
#mainnav .nav ul {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 999;
}
#mainnav .nav ul li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#mainnav .nav ul li a {
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    display: block;
    float: left;
    ;
    ;
    font-weight: normal;
    height: 46px;
    letter-spacing: -0.03em;
    line-height: 48px;
    list-style: none outside none;
    margin: 0 6px;
    padding: 0 12px;
    text-decoration: none;
}
#mainnav .nav ul li a:hover {
    ;../Images/mnav-tile.png") repeat-x scroll left top transparent;
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    text-shadow: 0 1px 1px #003358;
}
#mainnav .nav ul li a.active {
    ;../Images/mnav-tile.png") repeat-x scroll left top transparent;
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #003358;
}

/*------------------------*/

#mainnav .dropnav {
    ;../Images/dropnav-bg.png") no-repeat scroll center 10px transparent;
    border-radius: 10px 10px 10px 10px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 250px;
    z-index: 999;
}
#mainnav .dropnav ul {
    margin: 0;
    padding: 0;
}
#mainnav .dropnav ul li {
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#mainnav .dropnav a.dropdownselect {
    color: #333333;
    cursor: pointer;
    display: block;
    ;
    font-weight: normal;
    height: 50px;
    letter-spacing: -0.03em;
    line-height: 48px;
    margin: 0 0 0 10px;
    padding: 0;
    text-decoration: none;
    width: 230px;
}
#mainnav .dropmenu {
    ;../Images/dnav-tile.jpg") repeat-x scroll left bottom #FFFFFF;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-radius: 0 0 10px 10px;
    border-right: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-shadow: 0 0 0.25em #CCCCCC;
    display: none;
    margin: 0;
    padding: 5px 15px 15px;
    position: absolute;
    right: 0;
    top: 50px;
    width: 400px;
    z-index: 999;
}
#mainnav .dropmenu .left {
    float: left;
    margin: 0;
    padding: 0;
    width: 400px;
}
#mainnav .dropmenu ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 200px;
}
#mainnav .dropmenu ul li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#mainnav .dropmenu ul li ul li {
    padding-left: 20px;
}
#mainnav .dropmenu ul li a {
    ;../Images/dropnav-arrow.gif") no-repeat scroll left 7px transparent;
    color: #167DC7;
    cursor: pointer;
    display: block;
    ;
    letter-spacing: -0.03em;
    margin: 0;
    padding: 2px 0 2px 10px;
    text-decoration: none;
    width: 190px;
}
#mainnav .dropmenu ul li a:hover {
    text-decoration: underline;
}
#mainnav .dropmenu h3 {
    color: #F27210;
    ;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
}
#mainnav .dropmenu h3 a {
    color: #F27210;
    ;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
}


#wrapper {
    ;../Images/wrap-bg.gif") repeat-x scroll 0 0 #EDEDED;
    border-left: 1px solid #919191;
    border-right: 1px solid #919191;
    padding-top: 13px;
}
#wrap-end {
    ;../Images/wrap-end-bg.png") no-repeat scroll left bottom transparent;
    height: 12px;
}
#maincol {
    position: relative;
}
#main-flash {
    ;../Images/flash-bg.png") repeat scroll 0 0 transparent;
    height: 234px;
    margin: 0 0 0 10px;
    width: 978px;
}

#footer {
    ;../Images/footer-bg.jpg") repeat-x scroll left top #2D2D2D;
    border-radius: 16px 16px 16px 16px;
    float: left;
    margin: 5px 0 10px;
    padding: 15px 20px;
    text-align: left;
    width: 958px;
}
#footer .fleft {
    float: left;
    margin: 0;
    padding: 0;
    width: 478px;
}
#footer .fright {
    float: right;
    margin: 0;
    padding: 0;
    width: 300px;
}
#footer h5 {
    color: #FFFFFF;
    ;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
}
#footer ul {
    float: left;
    margin: 0 5px;
    padding: 0;
    width: 144px;
}
#footer li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 144px;
}
#footer li a {
    ;../Images/footer-links-bullet.gif") no-repeat scroll left center transparent;
    color: #A4A4A4;
    display: block;
    float: left;
    font-weight: normal;
    margin: 0;
    padding: 2px 0 2px 10px;
}
#footer li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
#footer p {
    color: #7D7D7D;
    ;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 0.5em;
    padding: 0;
}
#footer .fleft p {
    display: block;
    float: left;
    margin: 20px 0 0;
    width: 100%;
}
#footer .fright p {
    text-align: right;
}
#footer .fright img {
    border: medium none;
}
#footer .fright div.safely {
    float: right;
    margin: 0;
    padding: 0;
    width: 100%;
}
#footer .fright p.safe {
    margin: 0 0 10px;
    padding: 0;
}
#footer .fright p.bbb {
    display: block;
    float: right;
    margin: 0 0 0 10px;
    padding: 0;
}
#footer .fright p.verisign {
    display: block;
    float: right;
    margin: -16px 0 0;
    padding: 0;
}
#footer .fright div.connect {
    float: right;
    margin: 10px 0 0;
    padding: 0;
}
#footer .fright div.connect span.left {
    float: left;
    margin: 10px 10px 0 0;
    padding: 0;
}
#footer .fright div.connect span.right {
    float: right;
    margin: 0;
    padding: 0;
}
p.copy {
    color: #999999;
    text-align: center;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}


#footer div#siteMap {
    border-bottom: 1px solid #111111;
    clear: both;
    padding-top: 10px;
}
#footer div#siteMap ul {
    border-top: 1px solid #545454;
    float: left;
    margin: 1px 0 0 !important;
    padding-top: 12px;
    width: 156px;
}
#footer div#siteMap ul.last-column {
    width: 645px;
}
#footer div#siteMap li {
    float: none;
}
#footer div#siteMap li a {
    color: #A4A49F;
    text-decoration: none;
}
#footer div#siteMap li a:hover {
    color: #FFFFFF;
}


/*--------------------------END Home-----------------------*/

Đây là trang Default.aspx hiện thị tốt khi chạy nhưng khi cho vào master page thì bị vỡ div

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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">
<head id="Head1" runat="server">
    <title></title>
    <link href="Css/myStyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="pagewidth" runat="server">
        <div id="header">
            <h1                <a runat="Server" alt="Online Auction" href="/" name="top">Online Auction - Shopping
                    Redefined</a>
            </h1>
            <div id="login">
                
                    <asp:TextBox ID="UserName" runat="server"                
                    <asp:TextBox ID="PassWord" runat="server" TextMode="Password">PassWord</asp:TextBox>
                
                <asp:ImageButton ID="loginbtn" runat="server" ImageUrl="~/Images/login-btn.gif" />
                <div id="login-links">
                    Forgot Password? <a href="login_forgot.aspx">Click Here</a> Not a Member? <a href="#">Sign Up Now</a>
                </div>
            </div>
            <%--end login--%>
            <div            </div>
            <div id="mainnav">
                <div                    <ul>
                        <li><a href="#">Home</a> </li>
                        <li><a href="#">Online Audition</a> </li>
                        <li><a href="#">Achievements</a> </li>
                        <li><a href="#">Register</a> </li>
                        <li><a href="#">Site Map</a> </li>
                        <li><a href="#">About</a> </li>
                        <li><a href="#">Help</a> </li>
                    </ul>
                </div>
                <div                    <ul>
                        <li><a Auctions</a></li>
                    </ul>
                </div>
                <%--end dropnav--%>
            </div>
            <%--end mainnav--%>
        </div>
        <%--end header--%>
        <%---------------------------------%>
        <div id="wrapper" index">
            <div id="maincol">
                <div id="feature">
                    <div                    </div>
                    <div                    </div>
                    <div id="slider">
                    </div>
                    <div id="slider-nav">
                    </div>
                </div>
                <div id="ending-auct">
                     <%----------------viết code trong này Master page bị vỡ div mai lên hỏi thầy giáo -----------------%>
                     <%----------------hiển thị các mặt hàng đang đấu giá -----------------%>
                </div>
                <div id="live-auctions"                </div>
            </div>
            <%--end div id maincol--%>
        </div>
        <%--end div id wrapper--%>
    </div>
    <%--end div id pagewidth--%>
    <div style="width: 998px; margin: 0 auto">
        <div id="footer">
            <div                <ul>
                    <li>
                        <h5>
                            Quick Links</h5>
                    </li>
                    <li><a href="#">Register Now!</a> </li>
                    <li><a href="#">What is Online Auction</a> </li>
                    <li><a href="#">Live Auctions</a> </li>
                    <li><a href="#">Testimonials</a> </li>
                    <li><a href="#">Site Map</a> </li>
                </ul>
                <ul>
                    <li>
                        <h5 onclick="document.location='www.#.'">
                            Company</h5>
                    </li>
                    <li><a href="#">About Auction</a> </li>
                    <li><a href="#">Media Info</a> </li>
                    <li><a href="#">Careers</a> </li>
                    <li><a href="#">Company Blog</a> </li>
                    <li><a href="#">Privacy Policy</a> </li>
                </ul>
                <ul>
                    <li>
                        <h5 onclick="document.location='www.#/help.'">
                            Support</h5>
                    </li>
                    <li><a href="#">FAQ & Help</a> </li>
                    <li><a href="#">How It Works</a> </li>
                    <li><a href="#">Contact Support</a> </li>
                    <li><a href="#">Site Rules</a> </li>
                    <li><a href="#">Terms & Conditions</a> </li>
                </ul>
            </div>
        </div>
        <p            <label title="1">
                &copy;</label>
            <label title="0.033">
                OnlineAuction.com.</label>
            <label title="110">
                All Rights</label>
            <label title="">
                Reserved.</label>
        </p>
    </div>
    </form>
</body>
</html>

mình cũng không hiểu tại sao nó lại bị vỡ div khi thông qua master page

View more random threads:

• Kết Nối CSDL Trên Host DigiPower lỗi bị login failled?
• Dữ liệu sẽ đi như thế nào khi gán DataSource cho GridView
• Giúp test phần mềm đồ án cuối khóa. thanks. hehe [Tiêu đề chung chung không rõ ràng, phần mềm gì, viết bằng gì?]
• Viết 1 website như Sieuloi.vn theo bạn nên dùng ngôn ngữ nào ?
• Lưu lại giá trị của biến khi Page load lại
• PostBack trong javascript
• Chuyển chuỗi định dạng ngày giờ vào DateTimePicker?
• làm sao để back lại trang trước đó sử dụng asp.net?
• Trang giỏ hàng tự thêm số lượng khi refesh, sửa như thế nào?
• Học lập trình web ASP.NET MVC5 nên bắt đầu từ đâu?

[quanghnn]

rồi rốt cuộc bạn đưa code và 2 cái hình này lên mà bạn ko nói rõ div nào bị vỡ ? ai bik mà gỡ cho bạn @.@

[linhphukientaythuc]

[IMG]images/smilies/1.gif[/IMG]Bjo bạn thử chạy mỗi cái khung chính xem ổn chưa? nếu chạy ngon thì chèn nội dung chi tiết vào.Lỗi đó chắc là do bạn đặt width/height chưa chuẩn. chứ bt dùng masterpage vẫn ok mà.

[vipkongtu]

ở đoạn <h1 class="market100"> với <div id="login"> nó bị bug chỗ đó

[dienkimt]

nhưng mà trang default chạy ngon nhưng vứt vô master page lại bị vỡ

[IMG]images/smilies/1.gif[/IMG] hix. Vấn đề của bạn tựa như: Khi ở độc lập thì bạn muốn làm gì thì làm. tuy nhiên, khi ở tập thể thì bạn đâu làm thế được phải không? phải sống theo tập thể, quy tắc chung nữa. Do vậy, khi trang default có một mình ko sao là hiển nhiên. Nhưng khi trong master thì nó phải tuân theo quy tắc dngf chung. Lúc ấy, width/height của nó cũng phải khớp với phần nội dung nó được "dụng võ". bạn xem kỹ lại Size đi. Dùng firebug mà "vina soi".