- 締切済み
IEで角丸を表示させるには？
ワードプレスを使用してHPを作りました。 HP制作初心者です。 角丸がIEでも表示されるように、 こちらのサイト↓ http://kruz-graphix.com/2010/02/css3_radius_shadow_for_ie/ を参考に、htcファイルを読みに行くよう スタイルシートを編集したのですが、どうしても効きません。 詳しい方…コーディングをチェックして、 原因を解明していただけるととても助かります…（＞＜） 制作したHPはこちら http://ogosechurch.minibird.jp/ CSSファイルは以下 http://ogosechurch.minibird.jp/wp-content/themes/responsive/style.css?ver=1.8.7 ※編集したコードは1150行目、セレクタ名「menu li」です。 リンクしているPIEファイルは以下です。 http://ogosechurch.minibird.jp/PIE/border-radius.htc よろしくおねがいいたします。
- inuitoart
- お礼率66% (14/21)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- kaisinjuku04
- ベストアンサー率46% (743/1584)
まさかとは思うけど、もしかして、「.htaccess」ファイルに何も記述していないとか？ 下記サイトが参考になるはずです。
関連するQ&A
- IEのブラウザだけちゃんと表示されません。
ウェブデザインをしています。 Macで制作して サイトを立ち上げたのですが、 WindowsのIEにのみブラウザの下の方が 表示されません、、、。 http://www.hudge.jp/works/works.html かなり困っています。 どうもheight: 100%;が適応されていないっていうのは なんとなくわかったのですが、 どうやって直したらいいのかわかりません。 WindowsでもFire foxだと上手くいくのですが、、、。 CSSはこんな感じです。 <style type="text/css"> /* hide from ie on mac \*/ html { height: 100%; overflow: hidden; } #style { height: 100%; } /* end hide */ body { height: 100%; margin: 10; padding: 0; background-color: #000000; } </style> すいませんが、お願いします。
- ベストアンサー
- HTML
- cssのボタンについて（IEで背景が表示されない）
リンク先を表示するためにcssでボタンを以下のように作製しました。 FireFoxでは正常にきちんと表示されるものの、 IE10で確認したところ、IEでは背景色が表示されませんでした。 そこでzoom: 1;などを足すなどしてみたのですが やはり表示されません。どうしたらいいのかご指南いただけませんか？ どうかよろしくお願いいたします。 a.btn { position: relative; background: -moz-linear-gradient(top,#0099CC 0%,#006699); background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699)); border: 2px solid #FFF; color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3); -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3); text-shadow: 0px 0px 3px rgba(0,0,0,0.5); padding: 10px 10px; margin: 4px 2px 4px 2px; ｝
- ベストアンサー
- CSS
- CSS3はもう使っても良い？
そろそろPC版のサイト制作にもborder-image, border-radius,gradientなど CSS3の機能をPIEなどなしに使っていっても良いでしょうか？ これについては大丈夫だけど、これはまだだめ というのもあれば教えてください。
- ベストアンサー
- HTML
- IEでスタイルシートがうまく表示されない
Dreamweaver8で、スタイルシート（css)を外部にして、 HPを作成しました。 スタイルシートでh1,h2,pなどの文字を再定義しているのですが、 IE6でHP表示させると反映されません。 一方、opera8では、きちんと反映されて表示されます。 IE6の設定に問題があるのでしょうか？ なお、IEにおいても、文字以外のスタイルシートの設定はきちんと反映されています。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- htcファイルとはなんですか？
IEに角丸を適用するためにborder-radius.htcというファイルを使用しています。 しかし、このhtcファイルというものをよく知りません。 検索してみても使い方ぐらいしかヒットしてくれません。 この子は一体なんなんでしょうか？
- ベストアンサー
- CSS
- IEのbox-shadow（CSS3 PIE）が…
CSS3 PIEを使ってIEにbox-shadowをコンテナ全体に施したところ、フッター以下部分の影を含めて画面に表示されてしまいました。 希望としては添付画像の波線以下の部分は画面に表示させずに、フッターを画面最下部にするようにしたいのですが、、、どうしたらいいのでしょうか？ 全体の縦幅をIEだけ-30pxにしたいのです。 分かりにくい日本語で申し訳ありません、何と説明したらいいのかが自分でも分かっていなくて・・・。
- 締切済み
- HTML
- IEにおいて、CSSの記述順番によって表示が異なる？！
CSSの外部ファイルを読み込んで、スタイルを効かせているのですが、 ブラウザIEだとスタイルの書き順によってスタイルが効いたり効かなかったりします。 例えば、 <html> <head> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="http://sample.com/style.css"/> </head> <body> <div id="style0"> <!--style0の始まり--> <div id="style1"><p>■■■</p></div> <p id="style2">■■■</p> <ul class="style3"> <li id="style4">■■■</li> <li id="style4">■■■</li> </ul> </div> <!--style0の終わり--> </body> </html> というHTMLにおけるCSSの書き順は、 #style0{ ▲▲▲ } #style1{ ▲▲▲ } #style2{ ▲▲▲ } .style3{ ▲▲▲ } #style4{ ▲▲▲ } の様に、HTMLファイル内でスタイルを指定した順に（スタイルの登場順に）、CSSファイル内ではスタイルを記述しきゃならないのでしょうか？ もっとも、登場順に指定した方が良いかどうかも、私には分かっていません。ただ言えるのは、IEにおいて、書き順によって表示に違いが生じるということだけです。 なお、私が知りたいことは、 ・こういう現象が起こることは一般的にあることなのかどうか ・この現象の発生メカニズム ・IEにおけるCSSの正しい記述法（記述順番） 以上３点です。 ちなみに、FireFoxやOperaでは、順不同で問題なさそうです。 くどくなりますが、IEで問題が生じる場合というのは、 例えば、上の例で言えば、 スタイルの書き順を、 style3{ ▲▲▲ } style2{ ▲▲▲ } style4{ ▲▲▲ } のように順番を変えて記述した場合です。 この問題についてネット上で色々と調べたのですが、解決に至りませんでした。 リンクのスタイルなど、書き順が重要なものがあるということは知っているのですが、本件とはまた別の話だと思っています。 質問の記載方法に不備がありましたら、適宜補足をさせて頂きます。 以上、どなたか回答をよろしくお願い致します。
- 締切済み
- HTML
- IEの画面表示どおりに印刷ができない
最近ホームページ制作を勉強しはじめた初心者なのですが、なんとかページの大部分が作成できました。 ところがIEで表示させてから、ブラウザの印刷を実行すると、画面表示のとおりに印刷することができません。どこを直せばよいのでしょうか？ ちなみに、ヘッダのCSS関連の記述は以下のようになっています。（これが何を意味しているのかはよく分かっていませんが。。。） <link href="style.css" rel="stylesheet" type="text/css" media="all" /> 制作ソフトはDreamWeaver8を使っています。 おこころあたりがありましたらご指導ください。よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- WIN8でHPがうまく表示されません・・・
HP制作初心者です。 自分でHPを制作したのですが、WIN8では添付画像のように表示されてしまいます。 通常はきちんと並んでいるため、WIN7のIE、サファリやスマホでも問題なくみれるのですが、 WIN8になると表示されません。 見た感じ外部CSSが反映されていないように感じるのですが・・・ 素人なものでどのような対応をしたらよいかわからず困っております。 どなたか、お教えいただけませんでしょうか。 よろしくお願い致します。 HP URL http://kapra.jp/
- ベストアンサー
- HTML
- レスポンシブwebデザインをIEに対応させる方法
レスポンシブwebデザインのIEへの対応について質問です。 XHTMLで作成したHPをメディアクエリを使用して、レスポンシブwebデザインにしたのですが、 IE8以下で全くCSSを読み込みません。 いくつかのHPを見て、header内に <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> を記述しているのですが、それでもうまくいきません。 CSSは外部ファイルで読み込ませてあり、 <link rel="stylesheet" media="only screen and (min-width: 481px)" href="style.css" /> このような形で記述してあります。ですので、 http://www.imaginationdesign.jp/blog/html5css3/1592/ これとも違うようですし、原因がわかりません。 どなたか原因がお分かりになられる方おりますでしょうか？
- 締切済み
- CSS
