- ベストアンサー
IEで正しく見えるのにNNだと表の形が崩れてしまう
ホームページビルダー2001を使用して作成しています。動作確認などは殆どwinでIEでしか確認していなかったので気づかなかったのですが、NNだと表の幅が崩れてしまいます。 一応、タグを見たのですが、(spanというのですか?)いくつもある表の幅の指定は同じように指定してあるのです。 それでも、表によって列幅が変わって表示されてしまうのはなぜでしょう? どなたかお教えください。
- nst-silver
- お礼率52% (10/19)
- HTML
- 回答数3
- ありがとう数1
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
<COL span="1" width="25"> <COL span="1" width="260"> <COL span="1" width="155"> <TBODY> : </TBODY> ではなく、 <TABLE border="1" width="800"> <TR> <TD bgcolor="#99cc99" WIDTH="25"> </TD> <TD align="center" bgcolor="#99cc99" WIDTH="260"><FONT size="-1">あ</FONT></TD> <TD align="center" bgcolor="#99cc99" WIDTH="260"><FONT size="-1">い</FONT></TD> <TD align="center" bgcolor="#99cc99" WIDTH="260"><FONT size="-1">う</FONT></TD> </TR> </TABLE> と、すべきです。
その他の回答 (2)
- Naodon1020
- ベストアンサー率25% (243/949)
NN、IEで共通の、セル幅指定方法は、widthです。 例えば、 <TABLE BORDER WIDTH=85%> <TR> <TD WIDTH=100>あ</TD> <TD WIDTH=250>いう</TD> <TD>えお</TD> </TR> <TABLE> と指定すると、表全体はブラウザウインドウの幅の85%に指定され、 「あ」のセルが100ピクセル、「いう」のセル幅が250ピクセル、 残りが「えお」のセルになります。 WIDTH=**では、%もしくはピクセル数を指示します。 ユーザーがブラウザで指定したフォントの大きさにより、WIDTHで指定した幅よりも文字が大きくなってしまう時に、文字が折り返さないようにしたい場合は、 <TD WIDTH=100 NOWPAP>あいうえお</TD> というように、NOWRAPを挿入します。 基本的には、スタイルシートを使わなくても指定できる内容は、なるべくスタイルシートを使わないようにすべきです。 またTABLEタグについてはIEとNNでの解釈の違いも目立ちます。特にBORDERCOLOR等の属性は、まったく見え方が異なりますので注意が必要です。上手くタグを書いてあげれば、見え方をほぼ同じにする事が出来ますが、これは経験を積み重ねるしかないでしょう。
- peso
- ベストアンサー率41% (40/97)
表を定義するタグは<TABLE>~</TABLE>です。 その間に<TR>~</TR>が表の1行になります。 さらにその中の<TD>~</TD>が1つのセルの内容になります。 その<TD>が例えば、<TD style="width:100px">のようにスタイルシートでセル幅を指定していると、NNでは無視されます。(ちなみに、これはこのセルの横幅を100ピクセルにしなさい、ということです。)セルの幅はその列の1番長い文字列の幅に自動的に調節されます。
補足
<TD>の中では特にセル幅の指定はしていません。スタイルシートも使ってないのですけれど。 ちなみに <TABLE border="1" width="800"> <COL span="1" width="25"> <COL span="1" width="260"> <COL span="1" width="155"> <TBODY> <TR> <TD bgcolor="#99cc99"> </TD> <TD align="center" bgcolor="#99cc99"><FONT size="-1">あ</FONT></TD> <TD align="center" bgcolor="#99cc99"><FONT size="-1">い</FONT></TD> <TD align="center" bgcolor="#99cc99"><FONT size="-1">う</FONT></TD> </TR> </TBODY> </TABLE> といったテーブルをいくつかコピーして使ってるのですけれど、どうなのでしょう?
関連するQ&A
- ホームページビルダーで表の列幅を調整するには
ホームページビルダーホームページを使ってホームページを作成中です。 表を作りましたが,表の列幅が揃いません。プレビュー画面では大体同じ幅になっているのに,実際の表の列幅は揃っていません。 なぜ揃わないのでしょうか?また揃えるためにはどうしたら良いでしょうか? ご教授お願いします。
- ベストアンサー
- ホームページ作成ソフト
- テーブルタグを使わない、表作り。
テーブルタグを使わない、表作りの方法を探しています。 <xhtml> <p> <span>テキスト</span><span>テキスト</span><span>テキスト</span><br/> <span>テキスト</span><span>テキスト</span><span>テキスト</span> </p> {css} span { width: 100px; border: medium solid blue; } 自分で考えて、上記のタグを書きました。 IEだときれいな表ができるのですが、Firefoxだとボックスの幅を指定するcssのタグを読み取らず、表が崩れてしまいました。 テーブルタグを使わずに表を作成する方法を教えてください。
- ベストアンサー
- HTML
- CSSによってIEでNNにあるmax-widthと同等の機能は?
お世話になります。 NNですとmax-widthのCSSが使えると思うのですが IEでは適用されていません。 そこでmax-widthを同等の機能を満たすようにするにはどうすればよいのでしょうか? divタグを使用しておりまして、max-widthで指定した幅を超えないようにしたいと思っております。 申し訳ありませんが、ご教授よろしくお願いいたします。
- 締切済み
- HTML
- NN4.7はホームページ検証ブラウザにいれるべきですか
ホームページをつくりましたが、macOS9のNN4.7で確認したところ、スタイルシートのborderがききません。それに文字化けをします。NN4.7はNN7とNN6.2を考えると最新のブラウザから数えて3番目のブラウザですが、ただしく表示するブラウザとしてborderと文字化けを調整するべきでしょうか。 macでは OS9-IE5,NN4.7 OSX-IE6,NN7 winでは win2000-IE6 winXP-IE6 で検証しています。 検証すべきブラウザで追加すべきものがあれば教えてください。
- ベストアンサー
- Mac
- ホームページに表を挿入、列幅の固定方法
ホームページに表を挿入(列:2 行:2)し、そこへ画像を入れると列幅が広がってしまいます。列幅を指定、挿入した画像が列幅に合わせて縮小表示される方法はあるでしょうか?。 作成にはホームページビルダー15を使っています
- ベストアンサー
- ホームページ作成ソフト
- NNのonloadでは
お世話になっています。 HPを製作し、動作チェックのため NNでみてみると onloadで2つのファンクションを呼び出せませんでした。 NNでは無理なのでしょうか? 書き方がちがうのでしょうか? 相変わらず意味がわからない文ですいません onload="a();b();" が動作しないんです、両方とも。 NN 7.1 でやってみました。 通常は WIN XP IE 6sp2 です。 誰かおしえていただけないでしょうか、 かなり初心者です。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 作成したFLASHがNN6で見ません
まさか NN6で見れないとは思わなくて IEだけでしか 動作の確認をしませんでした。 友人にネスケで見れるかどうか試してもらうと 友人のバージョンは7だったのですが NN7だと見れるのです。 なぜ ネスケ6.0だと見れないのでしょうか?
- 締切済み
- その他(ソフトウェア)
- CSSによってIEでNNにあるmax-widthと同等の機能をさせるには?
HTMLの<table>タグを使わずに、CSSのpositionやfloatを使って横2段、3段組のレイアウトをしたいと考えています。 さて、この場合それぞれの段に設定した横幅よりも大きな幅を持つ画像を挿入した場合、NNではmax-widthにより画像の最大幅をコントロール出来ますが、IEではこの属性設定が出来ません。このため画像を挿入した段の横幅が画像の幅まで伸びてしまうことがあります。そこで、NNのmax-widthに相当する機能をCSSによりIE上で実現する方法をお教えください。
- ベストアンサー
- HTML
- 表の考えかた
ホームページビルダーを使っています。 どうも表については、いまいち理解しづらいのですが・・・ 次の考え方は合っていますか?(pixelで指定してます) [表の幅]は・・・ [罫線の幅] + [セル内の余白] + [枠の幅] + [セルの幅] ----------------------------- たとえば、2列の表の場合 [罫線の幅] =2 [セル内の余白] =3 [枠の幅] =2 [セルの幅] =100 ・・・と指定したとき、実際の幅は [罫線の幅] =2 → 2×2=4 [セル内の余白] =3 → 3×4=12 [枠の幅] =2 → 2×2=4 [セルの幅] =100→ 100×2=200 以上合計すると[表の幅]は 4 + 12 + 4 + 200 = 220 ・・・ということになりますか?
- ベストアンサー
- ホームページ作成ソフト
- IE, NN の動作の違い(height=100%)
下記のように記述した場合、IEだと、文が書いてあるところ全ての背景が黄色になりますが、NNだと、スクロールなしで見られるエリアしか背景が黄色になりません。 なにか、記述に問題がありますでしょうか? また、NNでIEと同様の動作を得る方法があれば教えていただけますか? なお、OSはWin2000、IEのバージョンは6、NNのバージョンは7.1です。 ---(以下、要所のみ記載します)--- <STYLE type="text/css"> DIV#test{ width:100%; height: 100%; background: yellow; } </STYLE> <BODY> <DIV id="test"> (スクロールしないと見られない量の長文) </DIV> </BODY> ---(ここまで)---
- ベストアンサー
- CSS
お礼
Naodon1020さん、ありがとうございます。 ホームページビルダでは、表の列全ての幅を一度に指定できるのですが、それを使わずに、セルの列ごとに幅を指定してやれば、<COL span=***>をつけることなく、幅の設定が出来るようです。 便利な機能だと思って使っていたのに・・・がっかりです。 IEで見れば、<TD>の中で設定するのも<COL span>で設定するのも同じに見えるので気づかないところでした。なるほど、「ホームページ作成ソフトに頼ってばかりいると、タグの基本を覚えないし、無駄なタグばかり多くなると」言われたことがありますが、本当にそうですね。 もっとタグを勉強します。 colorが違って見えるのは、多少は仕方ないとも思いますが、NNとIEとの違いで他に気をつけなければならない点は、どういったことでしょうか? もしお時間あれば、お教えください。