IEでtableレイアウト崩れする画面の解決 苦労したが解決方法はシンプル 戻る |
久しぶりにIEで自分のHPを見たところレイアウト崩れしている!! ChromeやfFirefoxでは正常なのに!!設定ミスがあったか、と、色々試すも解決しない。 数日後にようやく見つけました、「style="table-layout:
fixed;"」を付け加えるだけでした!! 判ったことは、「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には無用でもこの記述を追記していきます。 |