- ベストアンサー
IE6とXHTML+CSS
noname#66720の回答
- ベストアンサー
xhtmlはie6への対応が大変ですよね。 ロールオーバーに関しては、ie6はアンカー以外の要素への:hover擬似クラスに対応していません。 もし、アンカーに対して:hoverを適用されている場合は、適用順に問題があるかもしれません。 1.link 2.visited 3.hover 4.focus 5.active の順に記述するようにしてみてください。 http://adp.daa.jp/web.html ここのサイトは見ておいて損はないと思います。
関連するQ&A
- XHTML+CSSの印刷について
XHTML+CSSにて <div id=""></div>にて段組で制作しております。 そこでCSSを外部読み込みのURLにて指定しております。 IEにて印刷プレビューするとメインの画像しか映らなく メニューやコンテンツ部分が正常に映りません。 この場合どのようにしたら正常に表示する事ができるでしょうか? (CSSに問題あるのでしょうか?) 下記のサイトもそのような例です。 (フラッシュ部分の画像しか映らない) http://www.kanematsu-oilgas.co.jp/
- ベストアンサー
- HTML
- IE6とXHTML+CSS
外部スタイルシート+XHTMLでサイトを作成したのですがその際メニュー項目のロールオーバーのオーバー時がIE7だと正常に見えるのですがIE6だとオーバー時の画像が消えてしまいます。その部分の外部スタイルシートとXHTMLをそれぞれ記述するので詳しい方アドバイスお願いします!ちなみにメニューボタンの高さは一緒で幅はそれぞれ違います。 <XHTML> <div id="sabNavi"> <ul> <li class="smenu01"><a href="#">サイトマップ</a></li> <li class="smenu02"><a href="#">プライバシーポリシー</a></li> <li class="smenu03"><a href="#">お問合せ</a></li> </ul> </div> <外部スタイルシート> #sabNavi{ width:300px; } #sabNavi a{ height:20px; display:block; text-indent:-9999px; } #sabNavi a:hover{ background-position:0 -20px; } .smenu01 a{ background:url(images/btn_sitemap.gif) no-repeat 0 0; width:71px; } .smenu02 a{ background:url(images/btn_privacy.gif) no-repeat 0 0; width:108px; } .smenu03 a{ background:url(images/btn_information.gif) no-repeat 0 0; width:55px; } .smenu01:hover{ background:url(images/btn_over_sitemap.gif) no-repeat 0 0; } .smenu02:hover{ background:url(images/btn_over_privacy.gif) no-repeat 0 0; } .smenu03:hover{ background:url(images/btn_over_information.gif) no-repeat 0 0; }
- 締切済み
- HTML
- cssスプライトで作ったボタンがIE6でロールオーバー時に消える
CSSでロールオーバーするボタンを作りました。(CSSスプライトという手法で作っています) ところが、IE6でのみ、ロールオーバー時に、ボタン画像が消えます。 ためしにjavascriptで先にキャッシュを読み込ませてみましたが、やっぱり消えてしまいました。 どうしたらIE6でも正常に表示できますか?
- 締切済み
- HTML
- XHTML&CSSとドリームウィーバーについて
最近というかずいぶん前からですが、ウェブサイトの制作に XHTML&CSSで記述しているサイトをよく見かけますが、 これにするメリットはただのhtmlと比べ何が優れているのでしょう? わたしとしては、htmlしかしらず、ドリームウィーバーver4で、 サイトを制作していましたが、最近、初めてXHTML&CSSで記述している サイトを読み込んで、レイアウトがめちゃめちゃなのに驚きました。 テーブルレイアウトでしか作ってこなかったので、正直どうして いいか戸惑っています。今後どうしたらいいのでしょうか? またドリームウィーバーの最新バージョンは、テーブルレイアウト のような簡単な見え方で、XHTML&CSSで記述ができるように なっているのでしょうか?
- ベストアンサー
- CSS
- CSSのcurrentを使ったグローバルナビゲーションの作り方
CSSのcurrentを使ったグローバルナビゲーションの作り方を教えてください。 以下のように二枚のつながった背景画像をロールオーバーさせるCSSのcurrentを使ったグローバルナビゲーションの作り方を教えてください。 画像URLと参考サイト http://www.kagaya.co.jp/images/menu_gNav.gif http://www.kagaya.co.jp/index.php
- ベストアンサー
- HTML
- XHTMLとCSSの参考になるサイト
XHTMLとCSSで構築された、参考になる日本のサイトを教えてください。特にCSSを駆使しているサイトが知りたいです。みなさんが参考にされているサイトがありましたらお願いします。
- ベストアンサー
- HTML
- XHTML+CSSにApacheが絡む理由とは?
久しぶりに質問させていただきます。 数年前ウェブデザインをやっていたものです。 HTML+CSSでマスターしていたのですが、 久しぶりにこの世界に入ってXHTML+CSSが かなり多くなっていると感じびっくりしています。 さて、質問なのですが、 現在ウェブサーバーにあがっているウェブコンテンツ (XHTML1.0+CSS)をローカルに全てダウンロードしてみたものの レイアウトがぐちゃぐちゃになってリンクも切れている状態です。 どうもCSSが効いていないようなのですが、 制作者に聞いてみるとApacheをインストールして確認してくれ といわれました。 どういう理由でApacheが絡むのかまったく分りません。 なんだか時代に取り残された気分です。 どなたかアドバイスお願いします。
- ベストアンサー
- CSS
- XHTMLについての疑問
XHTMLとCSSを利用してサイトを制作しています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 最終段階になり下記のコードをHTMLファイルの先頭に追加しました。 宜しくお願いします。 <?xml version="1.0" encoding="shift_jis"?> IE6で確認すると文字サイズが上記コードを追加する前と比べると大きくなっています。 これは正常でしょうかそれともバグでしょうか。 また回避する方法はあるんでしょうか。 お教えください。 ちなみにCSSファイルには下記のように文字サイズを指定しています。 font-size: small;
- ベストアンサー
- その他([技術者向] コンピューター)
- xhtml&CSSで携帯サイト作成
xhtml&CSSで携帯サイトを作成しているのですが、思うようにうまくいきません。 imgタグで表示したjpgファイルをセンタリングしたいのですが、色んな方法を試したのですが、どれも出来ませんでした。 xhtmlで、画像をセンターに表示させる、一番シンプルな方法はどうすればよいのでしょうか? また、作り方が載っているお勧めサイト等あれば教えて頂きたいです。
- ベストアンサー
- HTML
- XHTML+CSSレイアウトについて
段組レイアウトで画像を配置しているのですが、画像の上側部分に空白が出来て しまいます。(IE6で確認すると) 他のブラウザ(Opera+mozila+News)ではきちんと空白が詰めております。 現状で空白を詰めるにはどのようにしたら良いでしょうか? 「具体的なソース」 http://www.geocities.jp/travelxstory/test/test.html http://www.geocities.jp/travelxstory/test/css001.css 真中のabout画像と上の赤い線の間に空白が出来てしまいます。 勿論、マージン等も設定してIE以外のブラウザではきちんと詰まって表示されます。なぜか上部のaboutだけは正常に空白なしで詰まっております。 現状のXTHML+CSSで画像の空白を詰めるにはどのようにしたら良いでしょうか?
- 締切済み
- HTML