Dashboard Tasarımı Hakkında Yardım

Sinan Uğurlu · 5 Mayıs 2020

İyi günler, kendimi web tasarımında geliştirmeye çalışıyorum. Kendim bazı tasarımlar yapıyorum, ancak bir sorum var; bir dashboard tasarlıyordum ve ekranı oturtmakta zorlanıyorum. Sorum şu; ekranı yüzde cinsinden aldığımızda ben mesela %20'sinde Dashboard olacak, %80'inde içerik olacak. Ancak içerik div'ine border verdiğimde sayfa tam oturmuyor. Acaba bu sorunu nasıl atlatırım? Umarım sorunumu anlatabilmişimdir.

Fatalis · 5 Mayıs 2020

Sorununuzu bir görselle destekleyebilirseniz güzel olur.

Sinan Uğurlu · 5 Mayıs 2020

Özür dilerim, eminim kodlarda çok ciddi hatalar vardır, ancak henüz çok yeniyim bilmenizi isterim

Fatalis · 5 Mayıs 2020

Bu şekilde bir site yerleşiminde yapınızı yüzdesel genişliklerle ayarlamamanız gerekiyor. Yapınızda sol panelin genişliği piksel şeklinde olmalı. Örneğin 255px bir genişliğe sahip olacak. İçerik kısmını ise position: absolute; ile konumlandıracaksınız.

HTML:

<div class="solPanel">
    Sol panel.
</div>

<div class="icerik">
    Burası da içerik
</div>

CSS:

.solPanel {
    width: 255px;
    background: #fff;
    border-right: 1px solid #e0e0e0;
}

.icerik {
    position: absolute;
    left: 255px; /* Sol panelin içine girmesin diye, içeriğin solundan sol panelin genişliği kadar bir boşluk bırakıcaz. */
    top: 0;
    right: 0;
    bottom: 0;
}

Sinan Uğurlu · 5 Mayıs 2020

Çözüm çok basitmiş, teşekkür ederim

Fatalis · 5 Mayıs 2020

Sinan Uğurlu dedi:
Çözüm çok basitmiş, teşekkür ederim

Verdiğim çözümle dahi, içeriği test etmek için içerisine yerleştirdiğiniz uzun metin sağa doğru uzayabilir. Çünkü satır atlamıyorsunuz. Böylesine uzun ve soluksuz bir yazı normal bir yönetici paneli tasarımında olmayacağı için çok bir önemi yok bu sorunun.

Dashboard Tasarımı Hakkında Yardım

Sinan Uğurlu

Kilopat

Fatalis

Terapat

Sinan Uğurlu

Kilopat

Dosya Ekleri

Fatalis

Terapat

Sinan Uğurlu

Kilopat

Fatalis

Terapat