inline-block Bu CSS kodu var. Herkes iş, Internet Explorer 6 ve 7'de nasıl olduğunu söyleyebilir. Herhangi bir fikir? Belki ben yanlış bir şey yapıyorum? Teşekkür ederim!

#signup {
   color:#FFF;
   border-bottom:solid 1px #444;
   text-transform:uppercase;
   text-align:center;
}
#signup #left {
   display: inline-block
}
#signup #right {
   background-image:url(images/signup.jpg);
   border-left: solid 1px #000;
   border-right: solid 1px #000;
   display: inline-block; 
   padding:1% 2%
   width:16%;
}
#signup #right a { font-size:100%; font-weight:bold } 
#signup #right p { font-size:90%; font-weight:bold }
#signup a:hover  { color:#FFF; text-decoration:underline }

/7, display: inline-block IE6 sadece unsurlar üzerinde çalışırdoğal olaraksatır içi (spans gibi).

divs gibi diğer unsurlar üzerinde çalışma yapmak için, buna ihtiyacınız var:

#yourElement {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

*display: inline "güvenli" CSS only IE7 and lower uygulamak için kesmek. bir kullanır

IE6/7, zoom: 1 sağlar hasLayout. "Düzen" display: inline-block için bir ön koşul olduğunu her zaman işe.

Olası geçerli CSS tutarken bu geçici çözüm uygulamak için, ama özellikle eğer zaten herhangi bir satıcı öneki özellikleri kullanıyorsanız gerçekten düşünmeye değer değil.

Daha fazla bilgi için Read this display: inline-block (ama unut artık sadece eski Firefox için gerekli olan -moz-inline-stack, 2) hakkında.