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

  • 365multimedia

    365multimedi

    26 ŞUBAT 2009
  • bashirsultani

    bashirsultan

    22 Mart 2010
  • Lamborghini

    Lamborghini

    13 Aralık 2005