• 締切済み

なぜかうまく表示されないNetscape

まずは以下のHTMLをご覧ください。 ---------------------------------------------------------------- <html> <head></head> <body> <table border="1" width="100%"> <tr> <td width="28%"> </td> <td width="24%"> </td> <td width="24%"> </td> <td width="24%"> </td> </tr> </table> <table border="1" width="100%"> <tr> <td width="28%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> <td width="12%"> </td> </tr> </table> </body> </html> ---------------------------------------------------------------- これをブラウザで表示させますと上下に2つのテーブルが表示されます。 まずIEのほうで表示させますと、上下2つのテーブルの罫線が widthで指定してあるので、ほぼぴったり罫線の位置が合うのですが、 Netscapeのほうで表示させるのと、なぜか罫線の位置が大きく異なって表示されます。 これの原因は何でしょうか? また、Netscapeみたいに大きく罫線の位置がずれるような 方法はないものでしょうか?

みんなの回答

noname#4694
noname#4694
回答No.1

このHTMLを見ると、表自体は全く空白の表みたいですね。 ネスケの場合だと、<td>と</td>の間になにも入れないとセルのサイズがずれるようなので、1px四方の透過GIFを作成し(仮に、「clear.gif」と名付けます)、 <td width="12%"><img src="clear.gif"></td> という風にすれば、セルのサイズは合ってくると思います。 しばらくHTMLいじってないので、あまり自信ありませんが・・・。

関連するQ&A

専門家に質問してみよう