Div IE'de hareket eder

İki sütunlu bir tablom var. Sol sütunda bazı içerikler ve yalnızca yüzen öğe olan bir pencere öğesi div vardır. Bu div, sayfa yüklendiğinde tablonun sağ sütununu alarak sayfanın altına taşınır. Bazen bir şeyi tutarken geri gider, tamamen rastgele gibi görünüyor.Div IE'de hareket eder

IE peek-a-boo hatası gibi görünüyor ama oldukça değil. position: relative;'u denedim ama işe yaramadı. Herhangi bir fikir?

İşte html var:

<table class="formTable"> 
    <tr> 
     <td class="content_main"> 
      <h1>header</h1> 
      <table> 
       <tr> 
        <td>Content here</td> 
        <td>Content here</td> 
       </tr> 
      </table> 

      <div style="float: left; clear: none; display: block; color: rgb(68, 68, 68); font-weight: normal; font-family: &quot;Trebuchet MS&quot;,&quot;Verdana&quot;,sans-serif; font-size: 14px; line-height: 18px; text-decoration: none; text-align: left; margin: 0px; padding: 10px; height: auto; width: auto; background-image: none; background-color: white; border: 10px solid rgb(204, 204, 204); overflow: auto;" id="widget"> 
       Content 
      </div> 
     </td> 
     <td class="content_right"> 
      <ul> 
       <li>List</li> 
       <li>List</li> 
      </ul> 
     </td> 
    </tr> 
</table>

Ve burada tablo için css var:

.content_right { 
    padding-left: 20px; 
    padding-top: 15px; 
    width: 393px; 
} 
.content_main { 
    padding-top: 15px; 
    width: 500px; 
}

kaynak

2012-01-11 yumjen

[yui2 sıfırlama] gibi bir css sıfırlama komut dosyasını kullanmayı deneyin (http://developer.yahoo.com/yui/reset/) –

Yeniden üretilemiyor… [bu kemanı] değiştirebilir misiniz (http: // jsfiddle.net/8wytE/) yaşadıklarınızı çoğaltmak için? Belki içerikte bir şey var mı? –

Örneğiniz için hangi docType kullanıyorsunuz? Çoğaltamıyor. – 8bitjunkie

benim için iyi çalışıyor. Div'leri nasıl kullanacağınızı biliyorsanız tablolardan kaçının.

kaynak

2012-01-11 16:29:01 srijan

 <h1>header</h1> 
     <article>Content here</article> 
     <article>Content here</article> 

     <div id="widget"> 
      Content 
     </div> 
     <ul> 
      <li>List</li> 
      <li>List</li> 
     </ul>

HTML benzeri kullanmayı deneyin ve satır içi bloğu yerine bir CSS stil sayfası kullanın. Standartlar bir sebepten dolayı yapılır. Artık tüm yeni tarayıcılar onları destekliyor, berbat işaretleme ve bunun sebep olduğu 'hatalar' ihtiyacını ortadan kaldırıyor. Malzeme okumak için bkz. http://www.abookapart.com/.

kaynak

2012-01-17 13:36:42 Lennart

Div IE'de hareket eder

cevap

İlgili konular