İki iç divs tutan kapsayıcı bir div var; hem de 100% genişlik ve kabın içindeki 100% yükseklik almalıdır.

100% yüksekliği hem iç divs kurdum. Firefox, ancak IE divs 100% yükseklik, fakat içindeki metnin sadece boyunu uzatmak için her şeyi gayet iyi çalışıyor.

Aşağıdaki stil sayfamı basitleştirilmiş bir sürümüdür.

#container
{
   height: auto;
   width: 100%;
}

#container #mainContentsWrapper
{
   float: left;

   height: 100%;
   width: 70%;
   margin: 0;
   padding: 0;
}


#container #sidebarWrapper
{      
   float: right;

   height: 100%;
   width: 29.7%;
   margin: 0;
   padding: 0;
}

Ben yanlış yapıyorum bir şey var mı? Ya da eksik olduğumu tuhaflıklar IE/Firefox?

"Firefox". içinde gayet iyi çalışıyor bence ^strong>Tuhaf modsadece render. Standart moduişleme, Firefox da işe yaramayabilir.

kısmının "blok" yerine görünüm penceresi. içeren bağlıdır

CSS Specification says

Yüzde ile hesaplanır yükseklik bakımından oluşturulan kutusu içeren blok. Yüksekliği ise taşıyıcı blok değil belirtilen açıkça (yani, duruma göre değişir yükseklik içeriği), ve bu element kesinlikle, yer almıyor değeri hesaplar ''. oto

bu yüzden

#container { height: auto; }
#container #mainContentsWrapper { height: n%; }
#container #sidebarWrapper { height: n%; }

demektir

#container { height: auto; }
#container #mainContentsWrapper { height: auto; }
#container #sidebarWrapper { height: auto; }

Görünüm penceresi 0 boy uzatma için taşıyıcı blok yüksekliğini belirtmeniz gerekir (bu durumda, #kap). Ayrıca, aynı zamanda ilk İçeren Blok çünkü vücut ve html yüksekliğini belirtmek gerekir "UA-bağımlı".

İhtiyacınız olan...

html, body { height:100%; }
#container { height:100%; }