Từ 1 tới 6 trên tổng số 6 kết quả

Đề tài: Bị lỗi vỡ div khi sử dụng Master Page

  1. #1
    Ngày gia nhập
    04 2010
    Bài viết
    8

    Mặc định Bị lỗi vỡ div khi sử dụng Master Page

    Đây là file css myStyle.css

    Code:
    /*------------------Start Home----------------------*/
    
    html, body {
        background: url("../Images/bg.jpg") repeat-x scroll center bottom white;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    body 
    {
        background: url("../Images/body-bg.png") repeat-x scroll 0 top transparent;
        font-size: 12px;
        padding-bottom: 97px;
    }
    body, p, br, ul, ol, dl, dt, dd, div, span, td, textarea, submit, h1, h2, h3, h4, h5, h6 {
        color: #555555;
        font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    }
    input {
        color: #000000;
        font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    }
    
    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;
        font-size: 0;
        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 {
        background: url("../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{
        background: url("../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;
        font-size: 0.92em;
        margin: 40px 0 0 203px;
    }
    #login span {
        background: url("../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 {
        background: none repeat scroll 0 0 white;
        border: medium none;
        color: #989797;
        font-size: 1em;
        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 {
        background: none repeat scroll 0 0 transparent !important;
        font-size: 10px;
        font-weight: normal;
        margin: 4px 0 !important;
        padding: 0 !important;
    }
    #mainnav .dropmenu ul li ul {
        float: none !important;
        padding-left: 10px;
    }
    #mainnav {
        background: url("../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-family: Verdana;
        font-size: 14px;
        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 {
        background: url("../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 {
        background: url("../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 {
        background: url("../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-size: 13px;
        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 {
        background: url("../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 {
        background: url("../Images/dropnav-arrow.gif") no-repeat scroll left 7px transparent;
        color: #167DC7;
        cursor: pointer;
        display: block;
        font-size: 12px;
        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-size: 13px;
        font-weight: bold;
        margin: 10px 0;
        padding: 0;
    }
    #mainnav .dropmenu h3 a {
        color: #F27210;
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }
    
    
    #wrapper {
        background: url("../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 {
        background: url("../Images/wrap-end-bg.png") no-repeat scroll left bottom transparent;
        height: 12px;
    }
    #maincol {
        position: relative;
    }
    #main-flash {
        background: url("../Images/flash-bg.png") repeat scroll 0 0 transparent;
        height: 234px;
        margin: 0 0 0 10px;
        width: 978px;
    }
    
    #footer {
        background: url("../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-size: 13px;
        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 {
        background: url("../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-size: 13px;
        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



    Code:
    <%@ 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 class="market100">
                    <a runat="Server" alt="Online Auction" href="/" name="top">Online Auction - Shopping
                        Redefined</a>
                </h1>
                <div id="login">
                    <span>
                        <asp:TextBox ID="UserName" runat="server" class="cleardefault">Username/Email</asp:TextBox>
                    </span><span>
                        <asp:TextBox ID="PassWord" runat="server" class="cleardefault" TextMode="Password">PassWord</asp:TextBox>
                    </span>
                    <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 class="clear">
                </div>
                <div id="mainnav">
                    <div class="nav">
                        <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 class="dropnav">
                        <ul>
                            <li><a class="dropdownselect">Live Auctions</a></li>
                        </ul>
                    </div>
                    <%--end dropnav--%>
                </div>
                <%--end mainnav--%>
            </div>
            <%--end header--%>
            <%---------------------------------%>
            <div id="wrapper" class="clearfix index">
                <div id="maincol">
                    <div id="feature">
                        <div class="top-right">
                        </div>
                        <div class="top-left">
                        </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" class="liveauctions">
                    </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 class="fleft">
                    <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 class="site-map" 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 &amp; 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 &amp; Conditions</a> </li>
                    </ul>
                </div>
            </div>
            <p class="copy">
                <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
    Attached Thumbnails Attached Thumbnails chay qua master page.PNG   chay truc tiep khong qua mater page.PNG  
    Attached Files Attached Files

  2. #2
    Ngày gia nhập
    10 2010
    Nơi ở
    Biên Hòa
    Bài viết
    562

    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 @.@

  3. #3
    Ngày gia nhập
    08 2011
    Nơi ở
    Yên Bái- Hà Nội
    Bài viết
    961

    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à.
    Skype: mrfour.it - Yahoo:mrfour_it
    Gmail: mrfour.it@gmail.com
    Bạn muốn học lập trình? Bạn chưa có kiến thức cơ bản? Bạn muốn học từ cơ bản tới nâng cao?... Bạn muốn có source code để tham khảo? Muốn có người hỗ trợ khi học?....http://www.laptrinh123.com sẽ giúp bạn những điều đó!

  4. #4
    Ngày gia nhập
    04 2010
    Bài viết
    8

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

  5. #5
    Ngày gia nhập
    04 2010
    Bài viết
    8

    Trích dẫn Nguyên bản được gửi bởi mrfour.it Xem bài viết
    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à.
    nhưng mà trang default chạy ngon nhưng vứt vô master page lại bị vỡ

  6. #6
    Ngày gia nhập
    08 2011
    Nơi ở
    Yên Bái- Hà Nội
    Bài viết
    961

    Mặc định Bị lỗi vỡ div khi sử dụng Master Page

    Trích dẫn Nguyên bản được gửi bởi HajChjp0nljne Xem bài viết
    nhưng mà trang default chạy ngon nhưng vứt vô master page lại bị vỡ
    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".
    Skype: mrfour.it - Yahoo:mrfour_it
    Gmail: mrfour.it@gmail.com
    Bạn muốn học lập trình? Bạn chưa có kiến thức cơ bản? Bạn muốn học từ cơ bản tới nâng cao?... Bạn muốn có source code để tham khảo? Muốn có người hỗ trợ khi học?....http://www.laptrinh123.com sẽ giúp bạn những điều đó!

Các đề tài tương tự

  1. xin hỏi về Session trong master page !
    Gửi bởi leminhvuong1990 trong diễn đàn Nhập môn lập trình C#, ASP.NET
    Trả lời: 1
    Bài viết cuối: 04-11-2013, 02:16 PM
  2. Làm sao dùng css cho các trang con của master page
    Gửi bởi sinhvien_ct trong diễn đàn Thắc mắc lập trình ASP.NET
    Trả lời: 15
    Bài viết cuối: 30-03-2013, 09:28 AM
  3. Tại sao bấm F5 lại mở luôn trang master page ??
    Gửi bởi huankhang9 trong diễn đàn Thắc mắc lập trình ASP.NET
    Trả lời: 2
    Bài viết cuối: 04-10-2011, 01:40 AM
  4. Sử dụng sitemappath/.. trong master page?
    Gửi bởi nguyendangdung trong diễn đàn Thắc mắc lập trình ASP.NET
    Trả lời: 1
    Bài viết cuối: 06-05-2011, 11:39 AM
  5. Tại sao kéo Webusercontrol vào master page lại bị biến dạng kích cỡ
    Gửi bởi minhnhut_1st trong diễn đàn Thắc mắc lập trình ASP.NET
    Trả lời: 5
    Bài viết cuối: 04-04-2011, 08:22 PM

Quyền hạn của bạn

  • Bạn không thể gửi đề tài mới
  • Bạn không thể gửi bài trả lời
  • Bạn không thể gửi các đính kèm
  • Bạn không thể chỉnh sửa bài viết của bạn