2012-01-30 5 views
5

Aşağıdaki kodu doctype geçişli yapıyorum ama sıkı bir şekilde ayarladığımda, görüntülerin konumu değişiyor ve yukarı doğru hareket ediyor. Altta yatan sorunu anlamamda ve farklı doktrinler arasında bu tür diğer CSS çatışmalarının listesini bulabilir misiniz?Doctype ve CSS

Lütfen unutmayın ki, birkaç HTML etiketinin katı modda kullanılamayacağını biliyorum, ancak CSS çakışmaları konusunda spesifikim. Quirks modu ve neredeyse standartlar modu (böylece yazı karakter olarak hatların aynı sette yerleştirilir satır içi içerik vardır) görüntüleri de

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<body> 
<style type="text/css"> 
span.check:before { content: url("http://i41.tinypic.com/2rxea7d.png"); } 
</style> 
<table> 
<tr> 
<th>Ruby on Rails</th> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
</tr> 
<tr> 
<th>Road on Rails</th> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
    <td><span class="check"></span></td> 
</tr> 
</table> 
</body> 
</html> 
+0

Hangi tarayıcılarda? – vvondra

+0

FX 9.0.1 ve en yeni Chrome sürümlerinde ancak başkaları hakkında emin olmadığından emin olun. –

+0

Read: http://www.quirksmode.org/css/quirksmode.html – zvona

cevap

4

zero-height positioned at their baseline bulunmaktadır.

Oluşturduğunuz görüntülerin vertical-align özelliğini ikiye bölerek veya display: block olarak ayarlayarak aynı efekti Standartlar modunda alabilirsiniz.

+0

doctype karışıklıklarını açıklayabilir. ; Aşağıdaki içerik uygun ama hiçbir şey değişmedi ve her iki doktrin arasındaki fark bozulmadan kalır. –

0

Doctype'ınızı değiştirmenin, Internet Explorer'ın belirli sürümlerinin standart moddan uyumluluk moduna geçtiği modu değiştirmesini beklerim. Internet explorer (diğer şeylerin yanı sıra) sınır kutusu modelini nasıl yorumladığını düzeltmiş, ancak DOCTYPE'ye bağlı olarak eski yöntemle düzeltilmiş olan arasında geçiş yapabilmiştir.