ブラウザの大きさを変えても表示を変えない様にするには?

[上に] [前に] [次に]
ライク 2000/01/31(月) 05:54:04
はじめまして。
最近Webページ作り始めているんですが。
ボタンの位置がバラバラになっちゃうんです・・・
ブラウザをある程度大きく開いてると問題ないんですが、
ブラウザの横の幅を半分ぐらいにすると、
フォーム内にあるボタンや入力欄が改行されるんです。
それでTABLEタグでまとめようと思ったんですけど
下に空白が出来るし、
HTML4.0Strictに対応してるかどうかも疑問なんです・・・
HTML4.0Strictに対応しているやり方で解決方法ないでしょうか?

Hiro 2000/01/31(月) 05:58:27
テーブルなら、nowrapを入れてみたらどうです?

ライク 2000/01/31(月) 06:33:05
う〜んと・・・
テーブルの下に空きが出来るんですよね・・・

Syn [E-Mail] 2000/01/31(月) 12:21:15
IE 限定かな。

<table>
  <tr>
    <td>
      <form ...>
      <input ...
      </form>
    </td>
  </tr>
</table>

とやると、ボタンの下に空きができてしまいます。

<table>
  <tr>
    <form ...>
      <td>
        <input ...>
      </td>
    </form>
  </tr>
</table>

とすれば、空きはできなくなります。
が、たぶん HTML の書きかた的にはよろしくないです。

ポケモンの鬼!!(復活) 2000/01/31(月) 13:43:19
strictでやるなら、スタイルシートでやるしかありません。
Synさんの下の方法は定石ですが、table要素直下のform要素は、strictでは文法違反です。
スタイルシートの場合、head要素の中で
<style type="text/css">
<!-- form { margin: 0em 0em 0em 0em; } -->
</style>
としておけば、下の隙間は消えます。
ただし、NN4.xでは・・・言うまでもない結果になります(私は無視します)。

なお、strictでは、form要素直下のinput要素も文法違反になるので注意してください。
form直下にはブロック要素が必要です。面倒でも
<form ・・・>
<div>
<input ・・・>
</div>
</form>
などのようにと書くこと。

EMI 2000/01/31(月) 14:44:04
これならOKなのでは?HTML4.0StrictでもValidですけど。
ただ、試してはいないので、意図した結果になるかどうかはわかりませんけど。

<form ...>
  <table>
    <tr>
      <td>
        <input ...>
      </td>
    </tr>
  </table>
</form>

ライク 2000/02/01(火) 00:15:11
[[解決]]
返答してくれた方。ありがとうございます。
強引にやればなんとかなりそうです。(^^;

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