• ベストアンサー

CSSで指定していないのに線が表示されてしまう

自作のサイトですが、IE8でサイトを表示するとCSSで指定していないのに線が表示されてしまうことで困っています。 CSSで指定してないので、消しようがありません。 問題のサイトはこれです。 http://www.hoken-johokyoku.com/ firefoxでは線はでませんが、IE8では出てしまうのです。 どなたか解決策を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.4

「既存の保険を見直す」の辺りのブロックをドラッグ(選択)すると、ボーダーラインがもう少し広がるようですので、 floatに関連するpeek-a-booバグかもしれません。 もしそうなら、floatを指定しているどこかのブロックにheight:1%を指定してやれば解決すると思います。 (どのブロックのボーダーが表示されているのかわかりませんので、曖昧な表現で済みません。) ご参考まで。

katsunof
質問者

お礼

解決しました! 右メニューの「問い合わせ」部分のボックスにheight:1%を指定したら解決しました。ありがとうございました!

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

noname#100277
noname#100277
回答No.3

Firefox(3.0.14/3.5.3)とIE8での該当箇所の表示は同じです。 必ずアンダーラインが引かれてます。 一応キャプチャしましたので参考に・・・ http://shagazo.com/n1/userlog/aides/img/20091005230806.jpg (Firefox3.0.14での取り込みで・・・)

katsunof
質問者

補足

回答ありがとうございます。 私のブラウザではFFの方は右メニューの下、「問い合わせ」下にサイト全体を横切るように線が入らずに表示できるのですが、IE8の場合、線が横にズバッと引かれてしますのです。 なんででしょう?

全文を見る
すると、全ての回答が全文表示されます。
回答No.2

http://hxxk.jp/2008/09/29/0118#sub-20080929-06 【DOCTYPE宣言(Not Only DOCTYPEスイッチ)自体の意味を理解した上で,】 IE8標準準拠モードにしてください。

katsunof
質問者

補足

回答ありがとうございます。 標準準拠モードとは何でしょうか? 現在は標準準拠になっていないのでしょうか? それが原因ということですか? すみません。ほとんど知識がないので教えてください。

全文を見る
すると、全ての回答が全文表示されます。
  • mikan65
  • ベストアンサー率22% (5/22)
回答No.1

線というのはアンカー(リンク)のことですか? A:link {text-decoration: none;} CSSにこれを書き込んで下さい。

katsunof
質問者

補足

早速の返信ありがとうございます。 右メニューの「問い合わせ」のすぐ下に、1pxのグレーの線が横に右メニューまでひかれてしまうところです。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

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

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

  • ヘッダーの背景画像が表示されません。

    fc2のブログを使って、ブログを作っています。 ↓ http://bkk55.blog48.fc2.com/ IE7ではCSSで指定したブログのトップ画像が表示されるのに、Firefox3.0.5で表示すると、ヘッダーの画像が表示されなくなってしまいます。 fc2 ブログで使ってテンプレートは下記のものです。 ↓ sea_simple_seo_v2 IEでは問題なく表示されるのですが・・・ cssとhtmlを確認しましたが、私の知識では特に問題ないのではないかと思うのですが・・・ 恐らく知識不足だろうと思うのですが・・ この問題の解決策を教えていただけませんでしょうか? どうぞよろしくお願いします。

  • 各ブラウザにおいて、表示できるCSSとできないCSS

    こんにちは。はじまして。 現在ブログを製作しております。 先日、http://www15.ocn.ne.jp/~mksozai/design/line.html こちらのサイトで、変わったCSSを見つけ早速ブログのデザインに生かしてみようと導入しました。 IEでは問題なく表示されるのですが、Firefoxでは効果が適用されません。。。 そのCSSは filter:alpha(opacity=100,finishopacity=0,style=1); こちらになるのですが、これをIE以外のブラウザにも効果を適用させる方法はないでしょうか? これはIEのみ表示できるCSSだと解釈するべきなのでしょうか? ご存知の方がおられましたら、教えていただけると幸いです。 よろしくおねがいします

    • ベストアンサー
    • HTML
  • cssを使ってlist表示(opera)

    こんにちは。 初心者ですが、今cssとxhtmlを用いてのweb制作をしております。 cssの指定でマウスを乗せると色が変わるメニュー(横型)を配置したのですが、Firefoxでは動作確認できるのですが、IEでは全部崩れ、operaではメニュー部分のリストが指定できていません。 FirefoxとoperaではCSSの記述に違いがあるのですか? そして、IEで表示する際にcssはどうしたらきちんと読み込んでくれるでしょうか??

    • ベストアンサー
    • HTML
  • ブラウザによりフォントサイズが異なってしまう問題をCSSで解決する原理

    ブラウザによりフォントサイズが異なってしまう問題をCSSで解決する原理と方法は? 例えばIEではちょうどよいサイズ(作成者が10ptを指定してその通りのサイズ)で表示されているのが、FireFoxでは小さく表示されてしまうという問題は、CSSを使えば解決できるそうですが、それはどのような原理で解決できるのでしょうか。また、どのような設定をすればよいのでしょうか。 私はCSSファイルの役目は指定箇所(クラス)を指定フォント/サイズで表示するよう指示するもの、という程度のことは分かっていますが、HTMLファイル上で直接10ptと指定するのと、CSSで10ptと指定するのではどう違うのか。または、数値ではなくて相対的なサイズを指定する必要があるのでしょうか? その辺の原理が分かっていませんので、ごく簡潔に教えていただけるとありがたいです。 また、分かりやすいサイトも教えていただければありがたいです。

  • CSS ボックスの高さ指定

    例えば ▼html側 ------------------------------------------------------------- <div id="hako">あいうえおかきくけこさしすせそ</div> ------------------------------------------------------------- ▼css側 ------------------------------------------------------------- #hako{ width:500px; height:40px; } ------------------------------------------------------------- というソースで、あらかじめボックスの高さを指定しているとします。 この場合上記htmlの「あいうえお・・・」の部分の文量が多くなり テキストが2行3行となった場合、IEではその文量に応じてボックスの高さが伸びますが、 Firefoxではheight:40px;が不動のものになり、テキストがボックスの高さからあふれ出します。 これをFirefoxでもIEと同様にボックスの高さが可変するように出来ますか? css側でheight指定をしなければ、IE,Firefox共に文量に応じて可変するのですが、 デフォルトで表示領域をある程度確保しておきたいのです。

  • CSSハックの使い方を教えてください

    CSSでサイトを作っているのですが、フッターとメインのwrapperの間を開けるのに、どうしてもすべてのブラウザで共通のCSSではできません・・・かなり格闘したのですが・・・ そこで、この際CSSハックを使おうと思っています。 といっても、よくわかってないのですが、CSSハックを使えば、IE6にはこの指定、IE7にはこの指定、Firefoxにはこの指定、opera、safari・・・ など個別のブラウザに異なったCSSを指定することができるのでしょうか? 実際の記述方法を教えていただけないでしょうか? 「firefoxとopera」にはwrpperにmargin-bottomをかけて、IE6,7にはfooterにmargin-topをかけて解決しようと思うのですが・・・ ちなみに、この現象のほかの解決方法ってあるのでしょうか? #wrapper{ position:relative; width:870px; margin:0px auto; text-align:left; } #foot{ position:relative; width:100%; height:auto; clear:both; }

    • ベストアンサー
    • HTML
  • IE7でcssの表示が出来なくなりました

    こんにちは。タイトルの通りです。 私はHTMLを結構ごちゃごちゃとデザインにこだわって作成します。 そのせいでデザイン変更の際はいろいろと手間だったのでcssは外部参照で一括に設定していました。 それが、これまでのバージョンでは思ったように表示されていたんですがパソコンを買い換えてIE7にしたら認識しないようになってしまいました。 しかもすべてを認識しないわけでもなく、たとえば画面の周りをぐるりと太枠で囲むように指定した部位(body{border-style: solid;border-width: 20px;)は認識されるのに、その色指定(border-color: #ff8040;)は認識されなかったり、 カーソル指定( cursor:crosshair;)は認識されたりと、表示されるものもあります。 しかしスクロールバーやリンク色の指定はどのサイトでもデフォルトで表示されてしまいます。また壁紙や背景色は表示しません。 単に設定の問題なのでしょうが、調べてもいまいちわからず・・・ 考えられる問題点、解決策を出来ればわかりやすく教えてくださると幸いです。

  • CSSレイアウトについて

    XHTML+CSSでレイアウトし、IE6、FireFoxで確認すると、横のずれはないのですが、縦の崩れができてしまします。 具体的にはIEでは正しく表示されているが、FireFoxで見ると、縦方向に余分なスペースができるといった具合です。  きちんとCSSで高さを指定していないことが理由でしょうか?

    • 締切済み
    • CSS
  • CSSハックについて・・・

    ホームページを作っていて、IEではちゃんと表示されるのですが、 FirefoxとOperaでは思い通りに表示されません。 これをどうにかしたいと思います。 前に、どこかのサイトでCSSハックという言葉を見たことがあるのですが、主にFirefoxに、CSSハックを利用したいです。 Firefoxのみ、またはFirefoxを含む様々なCSSハックの方法を教えてください! 今は、OperaよりもFirefoxを優先してほしいです。

    • ベストアンサー
    • HTML