IE8 ignoruje td width, działa na IE7

Istnieje tabela wygląda tak:IE8 ignoruje td width, działa na IE7

<table width="100%"> 
<tr id="header"> 
<td colspan="2"></td> 
</tr> 
<tr id="center"> 
<td id="left" style="width: 201px"></td> 
<td id="mainpage" style="width: 100%"></td> 
</tr> 
</table>

W każdej przeglądarce (w tym IE7) oprócz IE8 z "lewa" td jest w porządku. W IE8 przekracza on szerokość zgodnie z treścią strony głównej.

Dodałabym niektóre zrzuty ekranu, ale to mój pierwszy post tutaj.

Jakieś pomysły?

Źródło

2010-07-22 Bill

jak chcesz ustawić całkowitą szerokość stołu 201px + 100%? –

Ja nie. Ale ten układ rozwiązuje problem IE7. I nie wpływa to na IE8. – Bill

To, że width: 100% na drugiej kolumnie wygląda niepoprawnie - jeśli chcesz, aby druga kolumna została rozwinięta do pozostałej dostępnej przestrzeni, nie powinieneś jej wcale potrzebować, aby móc ją usunąć. także dodać do tabeli:

table-layout: fixed;

, aby upewnić się, że szerokość są przestrzegane.

kompletny kod:

<table style="width: 100%; table-layout: fixed;"> 
<colgroup> 
    <col style="width: 201px"> 
</colgroup> 
<tr id="header"> 
    <td colspan="2"></td> 
</tr> 
<tr id="center"> 
    <td id="left"></td> 
    <td id="mainpage"></td> 
</tr> 
</table>

Źródło

2010-07-22 08:10:26 Razor

Pomyślałem o tym i spróbowałem, ale po ustawieniu układu tabeli na stałe, dwie kolumny mają tę samą szerokość (50%) i ignorują ustalone wartości. 100% drugiej kolumny jest tam jako poprawka dla IE7. – Bill

Spróbuj zmodyfikowanego rozwiązania z dodanymi kolcami - nie jest to strasznie fajne rozwiązanie, ale działa. – Razor

Rzeczywiście tak jest! Wydaje się lepsze niż moje rozwiązanie, pójdę z tym. Dzięki! – Bill

Czy na pewno powinno być 100%

<table width="100%">

tabela będzie tak duży jak jego elementu nadrzędnego. Może trzeba ustawić stałą szerokość stołu:

<table width="600">

Źródło

2010-07-22 08:06:51 Sarfraz

Tabela znajduje się w div, który pasuje do całego ekranu. – Bill

przypadku zdefiniowania szerokości do stolika i na swoje pierwsze nie trzeba go zdefiniować za sekundę.

Przypuszczam, że drugi dostaje 100% z pojemnika, który jest tabelą.

Źródło

2010-07-22 08:08:32

No Problem nieco ustalona przez dodanie pusty stół o stałej szerokości wewnątrz tytułowa.

W ten sposób ustawiam minimalną szerokość niezależnie od podejścia ignorującego IE. Dzięki za wszystkie odpowiedzi.

Źródło

2010-07-22 08:28:00 Bill

IE8 ignoruje td width, działa na IE7

Odpowiedz

Powiązane problemy