• 締切済み

netscapeで文字を指定し通りに表示させたい。

hmtlでテーブルの幅を500pxで指定していてその中にテキストと550pxの画像を挿入しても文字は500pxのサイズのままで表示させたいです。 でもieだとそのように表示させられるのですが、netscapeだと文字が550pxまで表示されてしまいます。なるべくテーブルは使わず表示させたいです。よい方法があったら教えてください。 あとcssは使えない設定？なので、なるべくhtmlで解決したいです。

  • HTML
  • 回答数1
  • ありがとう数2

みんなの回答

  • basil
  • ベストアンサー率35% (148/420)
回答No.1

単一なセル内に入れる前提なら、不可能です。IEで実現するのはIEのバグのせいです。 HTMLだけで実装するにはセルを分けることになります。 例： <table width="550"> 　<tr><td colspan="2"><img width="550"></td></tr> 　<tr><td width="500">あいうえお</td><td> </td></tr> </table>

pisaro
質問者

お礼

参考にしてやってみたら出来ました。ありがとうございます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • cssで指定した文字の大きさがIE6とIE7で違う

    cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました（微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています）。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか？ ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。

  • h1をCSSでサイズ指定→文字間隔がブラウザで違う

    h1をCSSでサイズ指定（px指定）しているのですが、 文字幅というか、文字間隔がブラウザごとにびっみょうに違います。 （行間や余白についてはCSSで解決済） クロームと火狐では望みどおりの表示なんですけども、 IE8だとちょっと横に広がる傾向があるんです。 長年無視しつづけてデザインしていたのですが、 この度、デザイン上無視できない状況になりまして…。 希望は、IEでもクロームでも火狐でも、 横幅が同一になるようにしたいんです。 文字間隔をCSSで指定しても解決しないんですよね…。 これ、どうにかする方法をご存知でしたらご教授下さい！ ググッたんですが、解決しませんでした…。

    • 締切済み
    • CSS
  • CSSで文字が縮まらない方法

    CSSの初心者です。 不明点があるので教えてください。 １．テーブルに文字を入力してあります。 ウィンドウサイズの大きさを小さくするとそのテーブルの 文字も縮まります。 私は日本人です。 ↓↓↓ 私 は 日 本 人 で す。 みたいになります。 ウィンドウサイズを小さくしても縦表示にならない方法は ありますでしょうか？ ２．↑と類似質問になりますが、tdで幅指定（px）はできますよね？ 自分がもっているCSS辞典には td {width:　200px;} がなく、 table {width:　200px;} しか掲載されていません。 やはりpx指定してもウィンドウサイズが小さくなるとその大きさを 維持できなくなるのでしょうか？ HTMLのようになかなか思うような表示にならず細かいところで 苦労しています。

  • IE6 IE7で文字が潰れる 高さがでない・・・

    お世話になります。 各ブラウザで表示確認をしていたら問題がみつかりましたので、 質問させていただきます。 IE6,IE7において、文字の高さがつぶれてしまって表示できていないようです・・・。 なにかcssでの指定が足りないのでしょうか？ 原因と解決策ございましたら、よろしくお願いします。 h2{ color:#222222; text-align:center; font-size:154%; font-weight:bold; border-bottom:2px solid #222222; padding-bottom:5px; margin-bottom:10px; } デフォルトcssはyuiのリセットcssでリセットしております。 cssとスクリーンショットを載せておきます。 画像は上がIE8などでちゃんと表示されているもので、 下がIE6とIE7での表示です。

    • ベストアンサー
    • CSS
  • Netscape7.1でブラウジングしても文字サイズが変更しない方法

    こんにちは。 Netscape7.1でブラウジングしても文字サイズが 変更しないホームページの作成方法についてお聞きします。 ホームページを作成した際に、CSSを使って 文字サイズの指定をしました。 IEでは、きちんとサイズ固定されていますが、Netscape7.1では、文字サイズの固定ができません。 Netscape7.1でも文字サイズが固定できる よい方法を教えてくださいm(__)m

  • IEとNetscapeの表示の違いについて

    Netscape7.1において、テーブルを表示すると、 セル内の文字上下とborderの間に隙間ができます。 (左側の隙間は問題ありません） その為、IEとNetscapeではテーブル高さが変わってきます。これを同じように表示する事はできるのでしょうか？ divで入れ子にしてる事が問題かと、divをはずしてみましたが、同様の現象となります。 ご存知の方、ご教示ください。よろしくお願いします。 <div width:150px;"> 　<table width="150" border="1"> 　　<tr><td>あいうえお</td></tr> 　　<tr><td>かきくけこ</td></tr> 　　<tr><td>さしすせそ</td></tr> </table> </div> css で border-collapse: collapse; border-spacing :0px; を指定してます。

    • ベストアンサー
    • HTML
  • テーブル内の文字のサイズを変更し携帯で表示したい

    html文を勉強しながら簡単なホームページを作成しています。 <style type="text/css"> <!-- table { font-size: 20px ; } --> </style> を使ってテーブルの中の文字のサイズを変更していますが パソコン（ＩＥ）で見るとうまくできるのに携帯でみると文字の大きさが変わっていません。 <font size=1>　</font> も入れているのですがテーブル以外の文字はちゃんと指定されたサイズになっています。 携帯で表示かつ文字の大きさを指定するのはどうすればいいのでしょうか？ よろしくお願いします。

    • ベストアンサー
    • HTML
  • IEでのCSS文字サイズの指定について

    IE9が発表されたのを機に、IEでのCSS文字サイズの指定を見直そうと「サッポロホールディングス」を参考にしています。 http://www.sapporoholdings.jp/ ソースを見ていくと「base.css」の「body」に下記の記述があります。 font-size: 12px; *font-size: 75%; IE6-7は「75%」指定になるので文字サイズが変えられるのですが、IE8では「12px」指定になって文字サイズが変えられません。 ですが、実際にIE8で見てみると文字サイズの変更ができました。IE8の「開発者ツール」で見ると「75%」指定になっています。 ソースをくまなく見たのですが、なぜこの結果になるかがわかりません。 わかる方、ご教授お願いします。

    • ベストアンサー
    • CSS
  • 画像のNetscapeでの表示

    Netscapeで下記のようにテーブルを組むと画像の表示がされません。 IEではうまく表示してくれるのですが・・・。 <table border='0' cellspacing='0' cellpadding='0' width='100%' height='100%' style='position:absolute;bottom:0px;left:0px;'> <tr> <td><img src="xxx.gif"></td> </tr> </table> Netscapeで使用できないタグなどがふくまれているのでしょうか？ Netscapeのバージョンは、7.02です。

  • FirefoxとNetscapeについて

    こんにちは。 HTMLとCSSでホームページ作成をしています。 タイトルの部分に画像を挿入し、その下に<p>で文を入れて、背景色を指定したところ、IEではきちんと画像が表示されたのですが、 FirefoxとNetscapeでは、<p>で指定した背景色によってタイトルの画像が消されてしまいます。（画像はまったく見えない状態です） 色々考えてみたのですが、解決できませんので、 ご存知の方がいらっしゃいましたら教えていただけませんか？ よろしくお願いします。 スタイルシート div.title { width: 700px; border-bottom: 1px solid #d3d3d3; margin:　0px; padding: 0px; float: left; } p.gomikuzu { text-align: left; background-color: #0033cc; color: #ffffff; font-size: 80%; padding: 2px 15px; margin: 0px; position: relative; } HTML <div class="title"><img src="title1.png" width="700" height="80" alt=""></div> <p class="gomikuzu">　HOME</p>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する