IEでtableレイアウト崩れする画面の解決   苦労したが解決方法はシンプル           戻る  

久しぶりにIEで自分のHPを見たところレイアウト崩れしている!! ChromeやfFirefoxでは正常なのに!!設定ミスがあったか、と、色々試すも解決しない。 数日後にようやく見つけました、「style="table-layout: fixed;"」を付け加えるだけでした!!

          IEで崩れた画面                  正常画面

  
 

判ったことは、「ChromeやFirefoxで正常に見えているのであればミスがあるからではない」「IEがその設定を正常に読み取るための記述を加えるだけで解決する」。 その記述を加える場所・方法も色んな解説がありましたが、最も簡単な方法は「該当するtableの記述にstyle="table-layout: fixed;"を加える」だけでした。



<table width="880" cellpadding="5" cellspacing="0" frame="" rules="" style="table-layout: fixed;">
<col span="1" width="40">
<col span="1" width="270">
<col span="1" width="550">
<col span="1" width="20">
<tbody>
<tr>
<td colspan="4">
 以下省略

tableでデザインするから発生した問題かも知れませんが、20年来そうしておりそれしか知らないことからこれからもtableを使いますので、ChromeやFirefoxには無用でもこの記述を追記していきます。