HTML/CSS tablosu sağ hizalama metni IE

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:HTML/CSS tablosu sağ hizalama metni IE

<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

kaynak

2012-08-01 jaff

Bir [keman] yapma misin (http://jsfiddle.net)? – Inkbug

IE9'da ilk tasarımda bile sorunsuz çalışın. Metnin nasıl hizalandığına dair daha fazla görsel almak için tablonuza kenarlık ekleyin. –

Bu tür sorunları çözmenin en hızlı yolu, IE dev araçlarını kullanmaktır (F12). Daha sonra, css'de değişiklikler yapabilir ve gittikçe canlı sonuçları görebilirsiniz. –

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).

kaynak

2012-08-01 17:04:58

Haklısın Jukka. Yukarıdaki orijinal gönderime yorumlarıma bak. Düzeltmeler için teşekkürler! – jaff

http://jsfiddle.net/6jvnQ/

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

kaynak

2012-08-01 15:57:45

Tam olarak öyle oldu, Jonas. Detaylar için cevaplarımı kendi gönderimime bakın. Teşekkürler! – jaff

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

kaynak

2012-08-01 16:12:02 Prashobh

Bu sayfa IE 6 ve 7'yi etkilediğini, ancak OP'nin IE 9 –

dediğini belirtti, en azından ie9'da çalışması gerektiğini söyledi. – Prashobh

Başka bir şeydi, çöplük. Ayrıntılar için yorumlarımı orijinal yayına bakın. Yine de teşekkürler! – jaff

kullanımı bu:

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

kaynak

2013-02-27 11:18:47 vks

HTML/CSS tablosu sağ hizalama metni IE

cevap

İlgili konular