Taşma ile IE6 CSS IE 7 sorun:; - gizli position: relative; combo

SORU

8 Mart 2010, PAZARTESİ

Taşma ile IE6 CSS IE 7 sorun:; - gizli position: relative; combo

Ana sayfa için bir slider oluşturdum, o yüzden öyle bir başlık ve teaser metin ile bazı görüntüler jQuery kullanarak slaytlar. Her şey gayet iyi çalışıyor, ve IE ile kontrol etmeye gittim ve IE 6 ve 7 yakalayamaz tamamen css kills bulundu. Çözemedim neden ama, nedense yapamıyorum gizle olmayan aktif kaydıraklı taşma: gizli; denedim verdiği css ileri geri, ama fırsatım olmadı anlamaya ne sebep olmuş olabilir sorun.

Daha izole bir html sayfası sorunu yeniden aldım.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da" dir="ltr">
  <head>
    <style>
      body {
       width: 900px;
      }
      .column-1 {
        width: 500px;
        float: left;
      }
      .column-2 {
        width: 200px;
        float: left;
      }
      .column-3 {
        width: 200px;
        float: left;
      } 
      ul {
        width: 2000px;
        left: -499px;
        position: relative;
      }

      li {
        list-style: none;
        display: block;
        float: left;
      }

      .item-list {
        overflow: hidden;
        width: 499px;
      }
    </style>
  </head>
  <body>
    <div class="column-1">
      <div class="item-list clearfix">
        <ul>
          <li class="first">
            <div class="node-slide">
              <img src="http://www.hanselman.com/blog/content/binary/lolcats-funny-pictures-leroy-jenkins.jpg" />
              <div class="infobox">
                <h4>Title 1</h4>
                <p>Teaser 1</p>
              </div>
            </div>
          </li>
          <li>
            <div class="slide">
              <img src="http://www.hanselman.com/blog/content/binary/lolcats-funny-pictures-leroy-jenkins.jpg" />
              <div class="infobox">
                <h4>Title 2</h4>
                <p>Teaser 2</p>
              </div>
            </div>
          </li>
          <li class="last">
            <div class="slide">
              <img src="http://www.hanselman.com/blog/content/binary/lolcats-funny-pictures-leroy-jenkins.jpg" />
              <div class="infobox">
                <h4>Title 3</h4>
                <p>Teaser 3</p>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="column-2">
      ...
    </div>
    <div class="column-3">
      ...
    </div>
  </body>
</html>

O izini sürdüm

ul {
  position: relative;
}

taşma neden olan ul eleman: ama, bilmiyorum bu yüzden. iş değil, gizli Ayrıca bu kaydırma javascript çalışması için ul kaydırın sol özniteliği kullanarak gereklidir. Bu en hoş çözebilir nasıl öğrenecem.

CEVAP

16 NİSAN 2010, Cuma

IE6 ve IE 7 ' de pek bilinen bir hata. Bunu çözmek için, pozisyon:kabına göre eklemek gerekir. Senin durumunda vücut kapsayıcı olduğundan, doğrudan vücudun altında bir div eklemek ve önermek position:relative verirdim. Sorununuzu çözmek gerekir.

Bunu Paylaş: