SORU
16 Mart 2009, PAZARTESİ


Div genişliğini piksel eksi sabit bir miktar 100%

Nasıl tablo veya JavaScript kullanmadan aşağıdaki yapı elde edebilirsiniz? Beyaz sınırları divs kenarları temsil soruyla ilgili değil.

Structure 1

Orta alanın boyutunu değiştirmek için gidiyor, ama tam piksel değerleri ve tüm yapı ölçek gereken bu değerlere göre. Bunu basitleştirmek için, "100% - n px" üst-orta ve alt-orta divs genişlik. ayarlamak için bir yol lazım

Çapraz tarayıcı temiz bir çözüm takdir ediyorum, ama bu mümkün değil diye, CSS kesmek olacaktır.

İşte bir bonus. Oldum başka bir yapı ile mücadele ve tablolar veya JavaScript kullanarak sonuna kadar. Biraz farklı, ama yeni sorunlar tanıttı. Özellikle jQuery tabanlı bir sistem pencere kullanıyorum, ama senaryonun dışına düzeni tutmak ve sadece tek bir element (orta) boyutunu kontrol etmek istiyorum.

Structure 2

CEVAP
4 ŞUBAT 2013, PAZARTESİ


Sadece ben tesadüfen var yeni yolu: () css calc

.calculated-width {
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
}​

Kaynak:css width 100% minus 100px

Denedim, gayet iyi çalışıyor.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • colacas

    colacas

    29 EKİM 2006
  • ehowhome

    ehowhome

    22 NİSAN 2009
  • steeletraining

    steeletraini

    28 NİSAN 2010