WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:レイアウトが

きうい [WriteDate : Tue Jun 12 15:56:43 2001]

NNでもIEでも同じサイズのボタンが見えるようにと

<INPUT TYPE="button" NAME="back" VALUE="戻る" WIDTH="100" style="width:100" onClick="Back(document.form);">
  
<INPUT TYPE="button" NAME="pre" VALUE="前頁" WIDTH="100" style="width:100" onClick="Mae(document.form);">
  
<INPUT TYPE="button" NAME="next" VALUE="次頁" WIDTH="100" style="width:100" onClick="Tsugi(document.form);">

としたところ
IEでは横に3つボタンが並ぶのですが
NNだと縦に3つならんでしまいます
 style="width:100"
の指定を外せば両方とも横に並ぶのですが
今度はIEのボタンのサイズが小さくなってしまいます
なんとかして両方のブラウザで同じように見せたいのですが解決方法はあるのでしょうか?


andi [WriteDate : Tue Jun 12 16:27:39 2001]

スタイルシートにfloat:left等を加えてみるのは如何でしょうか。
但しボタンより後でclearする必要がありますが。


カヅサツ [MAIL] [URL] [WriteDate : Tue Jun 12 17:03:10 2001]

style="width:100"

これは STYLE 属性で CSS を記述していますが、単位は付けた方が宜しいでしょう。

style="width:100px"

また、 INPUT 要素に WIDTH 属性はありません。
WIDTH="100" の指定は外した方が良いかもしれません。

さて NN 4.x は、どうも WIDTH プロパティを指定すると、
その要素をブロック要素としてしまう困ったバグがある様子です。

ボクは、なんらかの手段でエスケープすることをオススメします。
例えば STYLE 要素や外部スタイルシートを呼び出す LINK 要素の
MEDIA 属性値に、 screen 以外の値を(も)記述すると、
NN 4.x はその CSS を読み込みません。

(略)
<head>
(略)
<style type="text/css" media="screen, tv"><!--
input.navibutton{
width: 100px;
}
--></style>
(略)
</head>
<body>
(略)
<INPUT TYPE="button" NAME="back" VALUE="戻る" onClick="〜" class="navibutton">
<INPUT TYPE="button" NAME="pre" VALUE="前項" onClick="〜" class="navibutton">
<INPUT TYPE="button" NAME="next" VALUE="次項" onClick="〜" class="navibutton">
(略)

# NN 4.x の CSS 解釈はバグだらけですので、
# いっそ CSS は全てエスケープした方が良いかもしれません。


きうい [WriteDate : Tue Jun 12 17:32:42 2001]

ありがとうございました
おかげで何とかなりそうです。

で、関係ないのですが、

>例えば STYLE 要素や外部スタイルシートを呼び出す LINK 要素の
>MEDIA 属性値に、 screen 以外の値を(も)記述すると、
>NN 4.x はその CSS を読み込みません。

は仕様なんでしょうか?
それともバグ?
なんとなく聞いてみたいだけなんですけれでも(汗


カヅサツ [MAIL] [URL] [WriteDate : Tue Jun 12 17:51:03 2001]

バグです。バグを逆手に取っているわけですね。


きうい [WriteDate : Tue Jun 12 17:57:15 2001]


やっぱり、バグなんですね(わらひ

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World