HTML/CSS tablosu sağ hizalama metni IE

Question

adresinde çalışmıyor

Yine Internet Explorer bana kolay gelmiyor. Aynı satırda iki hücreli bir tablom var. Sola hizalanmış bir metin (ilk hücre) ve diğeri sağa hizalanmış (ikinci hücre) görüntülemek istiyorum. Bu Chrome ve Firefox'ta tamamen çalışıyor, ancak IE tüm Yazı Sol görünür:

<table width="660px"> 
<tr> 
    <td align="left" width="160px">Text 1</td> 
    <td align="right" width="160px">Text 2</td> 
</tr> 

ben merak Biraz araştırmadan sonra CSS koymak gerekir, bu yüzden bunu değiştirdi:

HTML:

<table class="anchors" width="660px"> 
<tr> 
    <td class="left" width="160px">Text 1</td> 
    <td class="right" width="160px">Text 2</td> 
</tr> 

CSS:

table.anchors td.left 
{ 
    text-align: left; 
} 

table.anchors td.right 
{ 
     text-align: right; 
} 

Hala IE'de çalışmıyor (en azından sürüm 9). Bu konuda bir ipucu var mı? Başka bir şey kullanmalı mıyım (div, e. G.)? iki hücreleri kadar geniş olacak şekilde

Answer 1

yardımcı olabilir . Daha ciddi olarak, çakışan gereksinimleri belirliyorsunuz: tablo 660 piksel genişliğinde olmalı, ancak iki 160 piksel genişliğindeki hücrelerden oluşmalıdır. Tarayıcı davranışının tutarsız olması şaşırtıcı değildir. Bununla birlikte, IE 8 ve IE 9, “Standartlar Modunda” olduğu zaman diğer tarayıcılarda olduğu gibi davranır. Aksi halde, Quirks Mode'da, herhangi bir şey olabilir ve belgeye uymadığından, bir hata olarak adlandırılamaz. Bu yüzden yeterli bir doktrin beyanı ekleyin. Ayrıca, çelişen gereksinimlerin önüne geçmek en iyisidir. Tabloda toplam genişlik ayarını piksel olarak ayarlamanız gerekiyorsa, bu kadar olsun. Daha sonra ya sütun genişliklerini ayarlayın, böylece eklenir veya daha basittir, örn. % 50'ye kadar genişlikler (dengeli olması gereken iki sütunlu bir tablo için).

Answer 2

http://jsfiddle.net/6jvnQ/

tablonun genişliğini değiştirebilir miyim? Garip genişlikler nedeniyle farklı sonuçlar aldığınızdan şüpheleniyorum.

Answer 3

Onun bir hata

Bu bağlantı bu tarayıcılar tarafından affedildi olsa kod, (width nitelikleri değil px birimlerle, sayısal veya yüzde değerleri alır) sözdizimsel hatalı olup size

TEXT ALIGN BUGS

Answer 4

kullanımı bu:

padding-left:% 22 veya 22px veya herhangi bir uzunlukta