• 締切済み

見出しについて

golive を使ってHP作成中です。 ブラウザによる検証を行ったとき、使用するブラウザによって文字がずれて見えてしまう可能性はあると思います。しかし、今回のことはブラウザが原因とは考えにくい感じがします。(今まで、safariばかりつかってましたが、くずれてみえるHPは知りません。) 以下具体的に提示します。 cssで見出し<h5>を作成し、各htmlファイルに展開しました。 htmlファイルで見出し<h5>をテーブル内で使用しました。IEだとテーブルの中央に見えるのに、safariでは上によってます。試しに見出しではなく<tb>のままの設定ですと中央に表示されます。 以上により、cssの見出し<h5>の設定がおかしいのかと思ったのですが。ここでさわったのはテキストの色、サイズ、行の高さのみです。いろいろさわってみたのですが、それらしい設定がないような気がするのですが、どなたかご存じの方がいらっしゃればぜひ教えてください。

  • yu-bi
  • お礼率57% (59/102)

みんなの回答

回答No.1

h5に対して設定したCSSの内容が書かれていませんので ハッキリとした事は言えません。 tb{ vertical-align:middle } などは試しましたか? Mac版IEとsafariにはCSSの解釈が違うのかもしれませんね。 そうでなければ説明がつかないような気もします。 Mac版IEのCSSにおいて解釈の間違いが 多くあるように記憶しています。

yu-bi
質問者

お礼

どうしてもうまくいかなかったので、 見出しはやめました。.classで対応しました。ありがとうございました。

yu-bi
質問者

補足

返答ありがとうございます。 vertical-align:middle 「縦方向に整列」というやつですね。実はこれもやってみたのですが効果なし。。<h#>とかではうまく配置ができないのかもしれないですね。

関連するQ&A

  • 特定の見出しのみ前後の空白を消したい。

    CSSに書き込んで、h1~6までそれぞれに設定を割り振れる事は分かったのですが、h2~6のどれかで囲った見出しが複数あり、その中の一つだけにclass、idを設定して装飾などの設定を変えることは可能ですか? h2タグを使って見出しをいくつか作成しました。 ですが最初の1つだけ前後の改行が邪魔で消したいです。 試しにHTMLを <span class="name"><h2>見出し</h2></span> CSSを .name { margin: 0px; } としたのですが、変わりません…。 HTML初心者なので、とんでもないレベルのミスをしてしまっているかもしれませんが、教えてくださると嬉しいです。

    • ベストアンサー
    • HTML
  • (ドリームウィーバー)見出しの設定について

    ドリームウィーバー初心者です。現在MX2004をXPで使用しています。 テーブルの中に見出し1を入れたいのですが 背景が“幅700px・高15px"の画像でセルのテーブルのセルの幅・高さを同じく幅700px・高さ15pxに設定し、見出し1を入れたいのですが、 実際に入れてブラウザのプレビューではセルの高さが増え、画像が繰り返しになってしまいます。 <th width="700" height="15" colspan="5" valign="middle" background="img/line01.jpg" bgcolor="#FFFFFF"> <div align="right" class="style2"> <h1> 見出しにしたい文章 </h1> </div></th> このように表記され、cssは h1 { font-size: small; color: #FFFFFF; font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-style: normal; font-weight: normal; } となっています。 セルの高さをいくら変更しても高さは変わってくれません。 もし変更する場所が間違っているとしたら他にどこを変更したらいいのかさっぱり分かりません。 どなたか教えてもらえないでしょうか?

  • スタイルシートとは?

    Golive6.0で現在ホームページを作成しております。SEO関連の本を読むとh1タグで大見出しを書くとクローラーが重要キーワードと判断する・・・等と書かれているのですが、Goliveで作っていると、大きな文字で見出しを書いて、ソースを調べてもh1のタグはどこにもありません。またフォントの大きさをブラウザで変えられない様にするのもスタイルシートが関係している様な事がネットで書かれていたのですが、スタイルシートというものが何なのかさっぱり分かりません。Golive6.0ではh1タグで記入する事も、フォントの大きさをブラウザで変えられない様にする事も出来ないのですか?それともソースを自分で書き換えればその様になるのですか?出来れば書き換え方も教えて欲しいのですが誰か分かる方いらっしゃいますでしょうか?宜しくお願い致します。

  • テキストエリア、擬似フレーム等での背景画像表示方法

    使用ブラウザ:macのIE5.2&safari Goliveとタグの記述とを半々くらいでHP作成しております。 たいした難しいことはしていないのであまり詳しくはありません。 スクロールバー付きのボックスを使いたくて、<TEXTAREA>で背景画像付きのものを作ったのですが、なぜかmacでは表示されません。 他のサイトを見ても、winで背景画像付きのものが、 macでは画像が見えてません。 バグなのかよくわかりませんが、macでも見られる 背景画像有りのスクロール付きボックスを作りたいのです。 なにか方法はありますでしょうか? CSSでoverflowを使うというのではいけるのでしょうか? なにか訳のわからないことを言っていたら申し訳ありません。 この場合、Goliveにはこだわりません。宜しくお願い致します。

    • ベストアンサー
    • HTML
  • CSSでページ毎に見出し画像を変更したい

    こんにちは。 今CSSの勉強をしながらサイトを作っています。 まだまだ基本知識くらいしかなく応用出来ず困っています。 各ページのタイトル(見出し<h●>)を背景画像に設定して表示していますが、タイトルがページ毎に違うため1ページ毎にCSSを作っています。各ページの見出し画像を一つのCSSまとめて記述する方法はないでしょうか? よろしくお願い致します。

  • CSSで見出し(タイトル)行の右端に日付を表示させる正しい方法は?

    みなさま初めまして。OKWebコミュニティに初めて登録したMxanaduと申します。 CSSを用いて、見出し(タイトル)行の右端に日付を表示させようと思い、以下のような設定をしています。 [スタイルシートの定義] <STYLE TYPE="TEXT/CSS"> <!-- H4 { PADDING: 5PX; WIDTH: 99%; COLOR: #FFFFFF; BACKGROUND-COLOR: #008080 } SPAN.DATE { FLOAT: RIGHT } --> </STYLE> [HTMLドキュメントへの適用例] <H4>タイトル<SPAN CLASS=DATE>&nbsp;&nbsp;&nbsp;Mon, Aug 8, 2005</SPAN></H4> この方法で、Safari 1.3 (v312)(Mac OS X(10.3.9)付属)とiCab 3.0 Beta 337では意図した通り表示できます。 しかし、IE 5.2.3 (5815.1)(Mac OS X版)では見出しタイトルと日付の行がつぶれてしまいます。(<SPAN></SPAN>を外すとつぶれなくなりますが、日付を右端に表示できません) また、Mozilla系のNetscape 7.1、Mozilla 1.7.11、FireFox 1.0.6J、Camino 0.7JおよびCamino 0.8.4(全てMac OS X版)では見出しタイトル行で日付が改行され、paddingの中に埋もれてしまいます。 Windowsのブラウザでどうなるかは、Windowsマシンを持っていないので分かりません。 意図した表示ができるブラウザが限られてしまうのは、私のCSSの使い方に間違いがあるのでしょうか? それとも、意図した表示ができないブラウザのCSS実装に問題があるのでしょうか? 私のCSSの使い方に間違いがある場合は、正しい方法を教えて戴ければと思います。 以上よろしくお願い致します。<(_ _)>

    • ベストアンサー
    • CSS
  • dreamweavweでテーブルを中央に配置するようにしたのにsafariは左による

    dreamweavweでテーブルを中央に配置するようにcssでもテーブルの設定でもなにもかもしたつもりです。そのたと見てみるとsafariだけがテーブルがセンターにならず、左によります!お手上げです!なぜかわかりません何か方法があるのでしょうか?

  • 中央に配置されない

    dreamveaverでcssでもテーブルでも中央に配置するようにしているのにsafariではセンターに表示されない なにかテーブルをセンターにする方法はないのでしょうか? これ以上設定はあるのか?わからなくなってきました

  • SEO対策とブラウザ環境

    すみません。いつもわからず困っているのですが、ホームページのSEO対策とブラウザ環境についてです。SEO対策を意識するのならば、テーブルではなくCSSで製作するべきだとよく、聞くのですが、CSSでホームページを作成すると、ブラウザを選んでしまうとおもうのです。みなさんは、IE意外のブラウザ、Firefox,Safariでも見れるようにするとき、皆さんはテーブルでレイアウトしていますか?お教えください。

  • エクセルのシートの見出しが隠れています。

    初心者で申し訳けありません。 自分で作成したファイルでなく、別の人が作成したエクセルのファイルをデスクトップ上にて開くと、シートの見出しが隠れています。 ファイルとしてはプロパティで数シートの構成になっています。 また、ツール→オプション→見出しにはチエックが入っています。 作成者との画面の設定が異なるのでしょうか? よろしくお願いいたします。

専門家に質問してみよう