ブラウザの大きさを変えても表示を変えない様にするには?
[上に]
[前に]
[次に]
ライク
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
[[解決]]
返答してくれた方。ありがとうございます。
強引にやればなんとかなりそうです。(^^;
[上に]
[前に]
[次に]