none
css sorum var, RRS feed

  • Soru

  • Merhaba,

    admin panel tasarımında divlerin boylarını ayarlerken sıkıntı oluşuyor şöyle

    sayfa bu ben leftbar ve panel sayfa uzadıkça divlerde uzasın istiyorum mesela ben repeater'a verileri basıyorum div dışına taşıyor div ile beraber uzasa 100% veriyorum genişlik ve yüksekliklerine olmuyor left barda uzasın istiyorum, kaydırma çubuğu kaydırınca yani uzicak alta doğru bi türlü yapamadım.

    <div> <div style="margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; height: 100%;"> <div class="navbar"> <div style="float: left; margin-left: 50px; margin-top: 5px;"> </div> <div class="navbar-userlogout"> </div> <div class="navbar-userprofil"> </div> </div> <div> <div class="leftbar"> <div class="login-wrapper" style="text-align: center;"> <img src="../images/logo2.png" /> </div> <div style="margin-top: 30px;"> </div> </div> <div class="Panel"> <div class="Panel-Hizalama"> </div> </div> </div> </div> <div style="clear:both;"></div>

    </div>



    .leftbar {
        float:left;
        height: auto;
        width: 230px;
        z-index: 3;
        background: #222 url(../images/bg-sidebar2.gif);
    }

    .login-wrapper {
        background: url(../images/bg-login-top.png) top left repeat-x;
        background-position-y: bottom;
        height: 138px;
        width: 100%;
        z-index: 1;
    }

    .pan-baslik { margin-top: 20px; font-family: 'Muli' sans-serif; font-size: 30px; } .Panel { float:left; bottom: 0; width: 1113px; height: auto; background-color: #F0F0F0; } .Panel-Hizalama { float: left; margin-left: 30px; margin-bottom:30px; }



    9 Haziran 2014 Pazartesi 14:37

Yanıtlar

  • size tavsiyem css dibine kadar bilmiyorsanız genişlik ve yükseklikleri kullanmamanız. Ben yerinizde olsam bootstrap kullanırdım. Basit bir grid sistemi var. Mesela;

    <div class="row">
       <div class="col-xs-4">
            Admin Menu
       </div>
       <div class="col-xs-8">
            Admin içerik
        </div>
    </div>



    www.mvcblog.org
    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

    • Yanıt Olarak İşaretleyen Özgür Tekbaş 16 Haziran 2014 Pazartesi 06:10
    10 Haziran 2014 Salı 05:49
    Moderatör