Internet Explorer 7 kesinlikle konumlandırılmış ebeveyn Yüzde genişliği alt öğe

oy
249

Ben kesinlikle konumlandırılmış olması divnispeten konumlandırılmış bunlardan biri içeren çok sayıda çocuk, div. Ben kullandığınızda yüzde tabanlı genişliği çocuğa div, bu '0' üzerine genişlik şekilde daralır Internet Explorer 7 Firefox veya Safari üzerinde değil.

Ben kullanırsanız piksel genişliği , işe yarıyor. Ebeveyn nispeten konumlandırılmış ise, çocuğun yüzde genişlik çalışır.

  1. Burada eksik bir şey var mı?
  2. Yanında bunun için kolay bir düzeltme var mı piksel tabanlı genişliği çocuğun?
  3. Bu kapakları CSS şartnamenin bir alan var mı?
Oluştur 31/07/2008 saat 23:08
kaynak kullanıcı
Diğer dillerde...                            


6 cevaplar

oy
129

Üst divtanımlanmış olması gerekmektedir widthpiksel veya yüzde olarak, ya. Internet Explorer 7'de, ebeveyn divtanımlanmış bir ihtiyacı widthçocuk yüzdesi için divs düzgün çalışması için.

Cevap 01/08/2008 saat 13:22
kaynak kullanıcı

oy
53

İşte bazı örnek kod verilmiştir. Bunun aradığınız şey olduğunu düşünüyorum. Firefox 3 (mac) ve IE7 aynı Aşağıdaki görüntüler.

#absdiv {
  position: absolute; 
  left: 100px; 
  top: 100px; 
  width: 80%; 
  height: 60%; 
  background: #999;
}

#pctchild {
  width: 60%; 
  height: 40%; 
  background: #CCC;
}

#reldiv {
  position: relative;
  left: 20px;
  top: 20px;
  height: 25px;
  width: 40%;
  background: red;
}
<div id="absdiv">
    <div id="reldiv"></div>
    <div id="pctchild"></div>
</div>

Cevap 05/08/2008 saat 06:54
kaynak kullanıcı

oy
34

Önce 8 IE özellikle yüzde göre genişlikleri ile ilgili bir sorun oluşturur kendi çerçeve modeline zamansal bir yönü vardır. Burada durumda kesinlikle konumlandırılmış divvarsayılan olarak hiçbir genişliğe sahiptir. Onun genişliği içeriğinin piksel genişliğine göre çalışmış edilecek ve içeriği görünürse sonra hesaplanacaktır. Yani noktada IE karşılaşır ve sizin nispeten konumlandırılmış kılan divüst kendisini 0 çöker dolayısıyla neden 0 genişliğindedir.

Eğer çalışma örnekler sürü ile birlikte bu bir daha derinlemesine tartışılmasını istiyorsanız, bir kaz burada .

Cevap 04/09/2008 saat 10:02
kaynak kullanıcı

oy
30

Neden değil IE7 kesinlikle konumlandırılmış ana çalışmalarında yüzde genişlik çocuk?

Internet Exploder Çünkü

Burada eksik bir şey var mı?

Yani IE berbat co-işçi / müşterilerin bilinçlendirilmesi vardır.

Çocuğun piksel tabanlı genişliği yanında kolay bir düzeltme var mı?

Kullanın emEğer dolgu ve kenar boşlukları yanı sıra yazı boyutları için bunları kullanmak gibi sıvı düzenleri oluştururken söz daha yararlı oldukları gibi birimler. Yani boşluk büyür ve boyutlandırılır if (gerçekten neye ihtiyacınız olan) metne orantılı küçülür. Ben yüzdeler ems daha ince kontrol sağlamak düşünmüyorum; uygun gördüğü şekilde yorumlayacaktır ems (0.01 em) ve tarayıcı hundredths belirterek sizi durdurmak için hiçbir şey yok.

Bu kapakları CSS şartnamenin bir alan var mı?

Yok gibi hatırladığım kadarıyla em's ve%' ler yalnız geri CSS 1.0 de yazı tipi boyutları için amaçlanmıştır.

Cevap 13/05/2009 saat 08:47
kaynak kullanıcı

oy
28

Ben bu şekilde bir ilgisi olduğunu düşünüyorum hasLayoutmülkiyet eski tarayıcıda uygulanmaktadır.

Sen de orada işlerin olmadığını görmek için IE8 kodunuzu denediniz mi? IE8 bir Debugger'ı (vardır F12) ve aynı zamanda IE7 modunda çalışabilir.

Cevap 22/10/2010 saat 17:21
kaynak kullanıcı

oy
1

divİhtiyaçları tanımlanmış genişliğe sahip olacak:

<div id="parent" style="width:230px;">
    <div id="child1"></div>
    <div id="child2"></div>
</div>
Cevap 07/09/2018 saat 14:53
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more