サポート » 使い方全般 » レイアウト崩れを防ぐ方法

  • 解決済 eijiy

    (@eijiy)


    wp.Vicuna Ext. Customをカスタマイズして使っており以下のように各ブロックをtdで囲って配置しています。
    理由はあるサイトでレイアウト崩れを防ぐ方法として解説があったからですが、解釈を間違っているかもしれません。URLやサイトネームは忘れました。
    問題点1:カレンダーの日付をクリックして開いた記事のパンくずナビの上に隙間が出来る。
    問題点2:ホームでも隙間が出来るがページ(自己紹介、サイトマップ)では隙間は出来ない。
    問題点3:問題点1で日付によって隙間に大小があって、隙間が無い場合もある。
    IE6,IE7での現象ですが解決方法があればご教示ください。サイトは栄次.comです。
    宜しくお願いいたします。
    <div id=”content”>
    <table class=”layout”>
    <tr>
    <td class=”header_top”></td><!–背景画像–>
    <td class=”sidebar_top”></td><!–背景画像–>
    </tr>
    <tr>
    <td class=”header”><!–背景画像–>
    <div id=”header”></div>
    </td>
    <td class=”sidebar” rowspan=”4″><!–背景画像–>
    <div id=sidebar”></div>
    </td>
    </tr>
    <tr>
    <td class=”header_bottom”></td><!–背景画像–>
    </tr>
    <tr>
    <td class=”main_top”></td><!–背景画像–>
    </tr>
    <tr>
    <td class=”main”><!–背景画像–>
    <div id=”main”></div>
    </td>
    </tr>
    <tr>
    <td class=”main_bottom”></td><!–背景画像–>
    <td class=”sidebar_bottom”></td><!–背景画像–>
    </tr>
    <tr>
    <td class=”footer_top” colspan=”2″></td><!–背景画像–>
    </tr>
    <tr>
    <td class=”footer” colspan=”2″><!–背景画像–>
    <div id=”footer”></div>
    </td>
    </tr>
    <tr>
    <td class=”footer_bottom” colspan=”2″></td><!–背景画像–>
    </tr>
    </table>
    </div><!–end content–>

  • トピック「レイアウト崩れを防ぐ方法」には新たに返信することはできません。