mytips.exblog.jp ブログトップ

IEでテーブルが崩れる(ずれる)パターン

Heightをすべて指定しても絶対にくずれる。
firefoxならば大丈夫。

そもそもテーブルのheight制御はあやしいから、普通は使わない。

ダメパターンの要件
-TRで宣言した高さを超える大きさをTDの中で使う。
-TRが始まる以前にTD COLSPAN を指定して、未知の行を指定するタグ組み。

素直に大きいテーブルで縦に2つに割るがよし。



<table border=0>
<tr height="26">
<td rowspan=2 height="66" bgcolor="#CDCD00"><img src="hoge.jpg" width="65" height="66" border="0"></td>
<td height="26" bgcolor="#B03060"><img src="hoge.jpg" width="17" height="26" alt=""></td>
</tr>
<tr height="40">
<td rowspan=2 height="58" bgcolor="#458B74"><img src="hoge.jpg" width="17" height="58" alt=""></td>
</tr>
<tr height="18">
<td height="18" bgcolor="#4876FF"><img src="hoge.jpg" width="65" height="18"></td>
</tr>
</table>
[PR]
by sato025 | 2007-11-15 11:52
検索
タグ
カテゴリ
以前の記事
最新のコメント
最新のトラックバック
Tool
from adgj.net wiki ..
Googleウェブマスタ..
from i yahoo i.com:..
[Mac] NAV fo..
from あるネットワーク管理者(よっ..
ライフログ
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧


var gaJsHost = (("https:" == doc ument.loc ation.protocol) ? "https://ssl." : "http://www.");doc ument.write(unesc ape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));var pageTracker = _gat._getTracker("UA-103429-5");pageTracker._trackPageview();