IE8 CSS oluşturma sorunu (tablo)

Question

Sitemde oldukça yaygın IE8 sorunu var. IE8, sayfamı diğer tarayıcılardan farklı kılıyor, bu da oldukça sinir bozucu. Birinin yardım edip etmemesini isterim, lütfen!

IE8'e kendi stil sayfasını vermeye çalıştım ama işe yaramıyor. resim bölümüne

http://www.routeqr.com/toimex/tuotteet

ilerleyin ve ilk colum ve ikinci sütun aralarında çok fazla yer var olduğunu göreceksiniz:

Burada konuyla sayfadır.

TH etiketleri de yanlış işlenir.

IE kenar boşluklarını düzgün bir şekilde oluşturmuyor, sadece Firefox'la veya başka bir tarayıcıyla aynı sayfayı kontrol edin ve farkı görmelisiniz.

Eğer birisi bana yardım ederse çok şey isterdim, kendimi çok kaybettim.

HTML kodu

<table class="tuotekuvat"> 
<tbody> 
<tr> 
<th><a name="kannakkeet">&raquo; Kannakkeet</a></th> 
</tr> 

CSS

.custom .tuotekuvat th { 
float: left; 
margin-top: 15px; 
margin-bottom: 15px; 
padding: 10px; 
background-color: #333333; 
} 

Answer 1

, sahip bir th belirtilen bir colspans ile (hücre) ve herhangi bir tarayıcı bu kadar sorun akşam olabilir table kendisi bazı sıralar 6 hücreleri (sütunlar) ve bazı 5. sahip olarak; Sonra)

Eğer tek th yüzen - IE 7 ve altında bir tablo hücresi/başlık elemanı kayan şekilde anlamıyorum ve başlık halkası kadar geniş olması 1 sütunun tamamını zorlayarak olacak

Bir yöntem veya başka bir şeye yapışmayı önerebilirsem, tablonun dışında bir üstbilgi yüzer, hatta kendi başına koyar <thead> öğesi - ve daha sonra sütunların eşit genişliğe sahip olması için tüm tablonun üzerinde table-layout: fixed kullanın. Bu bile olsa yardımcı olmalıdır .. ama esas olarak eğer tablo altı sütun (tüm bunların kullanılmış olsun olmasın) olması gerektiğine karar verirseniz, o zaman örneğin tek th<th colspan="6">

tablo HTML'yi hemen alın ve geri kalanını, tarayıcı satırları ve tablo başlıkları arasında th pedleri arasında boşluklar var gibi görünmesini istiyorsanız, tamamıyla tarayıcıya doğru tamamlamalısınız. Ama tablo yapısının dışına süzülmek için gerçekten bir ihtiyaç görmüyorum.

Answer 2

sol ve sağ dolguyu kaldırın:
padding: 10px;
bu yardımcı olur
padding: 10px 0px 10px 0px;

Umut olur!

N.S.

tablo doğru kodlanmamış

Answer 3

Boş olanlar <td> hücreleri ile ilgilidir. Eskiden tarayıcılar arasında düzgün bir şekilde görüntülenmesi için en az   gerekliydi. Mevcut sürümlerde artık böyle bir durum olmayabileceğini düşünüyorum.

Bir kenara göre, firefox webdeveloper ve firebug gibi araçları kullanmanızı öneririz. Webdeveloper, kötü biçimlendirilmiş bir html bulmama yardımcı olan w3c Validator bağlantısına sahip bir çok güzel özelliğe sahiptir.