表の中の折り返しが出来ない！！

希沙羅 [E-Mail] 1999/11/17(水) 09:56:49
こんにちわ。
ちょっとお聞きしたいのですが、
テーブルについてですが、
普通テーブルの中に入っているものは折り返し禁止のタグを入れない限り折り返しされますよね・・・
なぜかIEのほうでは折り返しされないのです。
スクロールバーが表示されるような感じになってしまいます。
かといってあらかじめ改行を入れることはしたくないのです。

これってIEはしょうがないのでしょうか。

教えて下さい。

Nobu3 1999/11/17(水) 10:07:09
禁則文字（？）を連続して大量に使っているのではないですか？
例えば、「・（中点）」はIEでは自動改行されなかったと思います。
「・」を200文字くらいならべると・・・

希沙羅 1999/11/17(水) 10:15:52
ご返事ありがとうございます。

折り返ししたいHTMLのスクリプトを以下にかき出します。

<body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" background="image/bag.gif">
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr valign="top" align="left"><td width="100%" valign="top" align="left" height="100%"><a href="/EXTRA/CMN/CMN_BRIDGE.BRIDGE?tp_name=search_info.htx" onMouseOver="onSelect(1);mssg(0); return true"
    onMouseOut="offSelect(1);telop(); return true" target="body"><img src="image/info_off.gif"
    name="imge1" border="0" width="135" height="20"></a><a href="/EXTRA/CMN/CMN_BRIDGE.BRIDGE?tp_name=list_info_syohin.htx&p01=i.syodate&p02=0&p03=2"
    onMouseOver="onSelect(2);mssg(1); return true"
    onMouseOut="offSelect(2);telop(); return true" target="body"><img
    src="image/syohin_off.gif" name="imge2" border="0" width="100" height="20"></a>中略</td></tr>
  <tr>
    <td valign="middle" align="left"><script Language="JavaScript">
  
  </script> </td>
  </tr></table>

内容的には画像を１０点ならべてます。
また、それぞれの画像にJavaScriptが対応してます。
それがいけないのでしょうか？

Nobu3 1999/11/17(水) 11:21:35
どうやら、<img>タグも連続して書くとダメみたいですね。
テーブルの外ではそうでもないみたいですが・・・。

対処方法として思いつくのは、
...</a><a href=...
と続けて書かずに
...</a> <a href=...
のように、半角スペースを入れるとか。
少し間があきますけど・・・。

うぐいす 1999/11/17(水) 16:44:52
<html>
<head>
<title>改行テスト</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%">
      <IMG src="../img/1.gif" width="200" height="20" border="0">
      <img src="../img/2.gif" width="200" height="20" border="0">
      <img src="../img/3.gif" width="200" height="20" border="0">
      <img src="../img/4.gif" width="200" height="20" border="0">
      <img src="../img/5.gif" width="200" height="20" border="0">
      <img src="../img/6.gif" width="200" height="20" border="0">
      <img src="../img/7.gif" width="200" height="20" border="0">
      <img src="../img/8.gif" width="200" height="20" border="0">
    </td>
  </tr>
</table>
</body>
</html>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
上記のようなソースをwin95のIE4.0とNN4.6
で見ましたところ、
ちゃんと画像が改行されていました。
Nobu3さんの記述通り、
imgタグの間にスペースを入れるか、
改行してみるかすると、折り返して表示されるのではないでしょうか？

希沙羅 1999/11/19(金) 10:11:35
[[解決]]
ありがとうございました。
画像をつなげると折り返さないなんて・・・
画像は続いてる画像なのでスペースを空ける事が出来ません。
で、結局テーブルタグを消すことにしました。
実はテーブルタグを使ったのは下のフォームに
画像をくっつける為だったのですが、結局フォームタグを画像より上にずらす事で解決しました。（無理矢理）
ありがとうございました。

[上に] [前に] [次に]