- 締切済み
winIEではOKなのに、macIEでは画像がずれる
現在、スタイルシートを使ってホームページを作っています。 winのIEでは画像やテキストがきちんと収まっているのに、 macのIEだと画像だけずれてしまい、下のほうに表示されてしまいます。 なにが問題なのでしょうか？ 説明が下手なので、急ぎで http://phpstation.fc2web.com/setsubi01.html にページをアップしてみました。 （ちょっとjavascriptにエラーがありますが気にしないで下さい。） 画像も少ししかアップしていないので、表示されない部分もありますがこんな感じです。 http://phpstation.fc2web.com/css/kotobuki.css にスタイルシートがあります。 よろしくお願いいたします。
- sana0930
- お礼率16% (21/124)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- Sakon_sima
- ベストアンサー率31% (5/16)
全体のことがわからないので、このページに関してだけですが、 kotobuki.cssの中で 65行目からの #contents02 {/*背景なし*/ margin: 0px; padding: 0px; width: 760px; float: left;/*mac IE対策*/ clear: both;/*mac IE対策*/ } で、clear: both; の記述があるためのようです。 これを削除すると並ぶと思います。
関連するQ&A
- Win IE5.5～6.0での余白に関するバグ
最近やっと完全スタイルシートによりコーディングをマスターする為に勉強を始め何とかある程度形になるまでコーディングが出来たのですが Win IE5.5と6.0でバグが発生してしまいました。 幅532pxのボックス内に532pxの画像を配置した所右側に1px～2pxの無駄な余白が出来てしまうのです 他のモダンブラウザーでは全て平気なのですがIE5.5と6.0でこの現象が発生してしまいます。画像を添付しましたので症状を見てください。 それと下記アドレスに現在製作中のHTMLファイルとCSSファイルをアップしてありますのでお暇な時にでも覗いていただきアドバイスいただきたくおもいます。 宜しくお願いします ■HTML http://sangoclip.web.fc2.com/test/ ■CSS(レイアウト用) http://sangoclip.web.fc2.com/test/shared/css/default.css ■CSS(デフォルトCSSクリアー用) http://sangoclip.web.fc2.com/test/shared/css/reset.css
- ベストアンサー
- CSS
- HP作成で背景画像を設定する方法ですが、うまくいきません。
HP作成で背景画像を設定する方法ですが、うまくいきません。 スタイルシートCSS等でいろいろサイトを見て試しましたが、 画像がどうしてもスクロールしてしまい、思ったように表示できません。 http://ravensky34.web.fc2.com/test.html HTMLタグでいくら設定しても画像が表示されないか、 ↑のように画像が必ずスクロールしてしまいます。 ソースは↓です。 <html> <head> <title>文書のタイトル</title> <style type="text/css"> body { background-color:#f0f0f0; background-image:url(http://ravensky34.web.fc2.com/2008_6_27_059syuku_2.jpg); background-attachment: fixed; color:#000000; }</style> </head> <body> <div> </div> <p> </p> </body> </html> どなたか解決方法を知っている方いましたら、教えて頂けると嬉しいです。
- ベストアンサー
- HTML
- CSSレイアウトによる環境別不具合
最近やっと完全スタイルシートによるコーディングの勉強を初めました そこで早速環境別のバグの壁にぶち当たってしまいました＞＜ 内容は「flortさせた子要素の親ボックスの背景色(背景画像)が表示されない事です。」 過去ログを色々探ってみたのですが色々な方法があり「CSS clearfixハッ ク」を使用した例や<div style="clear:both;"></div>を使用した例があり試してみたのですがどれも納得のいく解決方法ではありませんでした。 私的な希望としては -------------------------------------------------- Win→IE/Fire Fox/NN/Opera/Safari/バージョンは 最新のものから1つ前位まで問題なく表示 Mac→IE/Fire Fox/Safari/バージョンは最新のものから 1つ前位まで問題なく表示 ドリームウィーバー上でのプレビューでもレイアウト崩れしない ジャバスクリプトやCSSハックを使ってのCSSの振り分けは極力避けたい -------------------------------------------------- 以上の条件をクリアーできるような解決方法を探しています。 どなたかアドバイスをいただけると助かります。 下記アドレスに現在製作中のHTMLファイルとCSSファイルをアップしてありますのでお暇な時にでも覗いていただきアドバイスいただきたくおもいます。 余談ですがこの手のバグで一般的に一番ベストな解決方法はどんな方法なのでしょうか？？ ■HTML http://sangoclip.web.fc2.com/test/ ■CSS(レイアウト用) http://sangoclip.web.fc2.com/test/shared/css/default.css ■CSS(デフォルトCSSクリアー用) http://sangoclip.web.fc2.com/test/shared/css/reset.css
- ベストアンサー
- CSS
- 画像をクリックして拡大のポップアップについて
http://moneytreesystems.com/css/picpopup.htmlというサイトにて紹介されていた『画像に触れるとポップアップで拡大されて表示される』という方法が大変画期的だと思い試してみたのですが、これだとスタイルシートで指定する拡大表示画像のサイズは決められたものにしかなりません。 CSSで画像をそれぞれのサイズにあわせて拡大表示するような方法はないものでしょうか
- ベストアンサー
- その他（インターネット・Webサービス）
- IE7でclearfixが効かない？
winXP環境、xhtml+cssでwebページを作成していますが、壁にぶち当たっています。 親ボックスの中に２つの子ボックスをfloatでレイアウト、というよくあるパターンですが、親ボックスにclearfixを指定しているのにIE7で表示すると、floatさせたdivが親ボックスからはみ出した状態で表示されます。 Firefox3/IE6/IE8で表示確認すると問題なく表示されます。 ■htmlソース http://bangn.web.fc2.com/testpage.html ■CSSソース http://bangn.web.fc2.com/css/default.css（デフォルトスタイルリセット用） http://bangn.web.fc2.com/css/base.css（divレイアウト、clearfix） http://bangn.web.fc2.com/css/kakunin.css（レイアウト確認用に各divのborderを黒くしたもの） htmlの書き方がおかしいのか？clearfixの記述がおかしいのか？とソースを何度も見直ししましたが、解決に至らず困っております。 どなたかアドバイスをいただけないでしょうか？ よろしくお願いいたします。
- ベストアンサー
- CSS
- CSSをMacとWinIEとそれ以外に分けたい
スタイルシートをMacとWinIEとそれ以外に分けて読ませようとしています。 navigator.userAgent で Mac とそれ以外に分け 次に appName で IE とそれ以外に分け CSS を読み込ませるようにしたのですが Opera だと appName で IE と判断されることもあるようです。 参考↓ http://www.red.oit-net.jp/tatsuya/java/browser/bs_ie6.htm なにかいい知恵がありましたら教えていただけないでしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- MacIEだけに読込ませる外部スタイルシート
Band Pass Filterとやらを使って、MacIEだけに読込ませる外部スタイルシートを実現したいのですがうまくいきません。どこのが悪いのでしょうか。 下記の記述が間違っていなければ、IE6やFirefoxでは文字は赤に、MacIE5.xでは文字は黒になるはずなんですが… ご教授ください。 【html】 <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <p>あいうえお</p> </body> </html> 【main.css】 p{color:#FF0000;} /*\*//*/@import ("ie5mac.css");/**/ 【ie5mac.css】 p{color:#000000;}
- ベストアンサー
- HTML
- ヘッダーの背景画像が表示されません。
fc2のブログを使って、ブログを作っています。 ↓ http://bkk55.blog48.fc2.com/ IE7ではCSSで指定したブログのトップ画像が表示されるのに、Firefox3.0.5で表示すると、ヘッダーの画像が表示されなくなってしまいます。 fc2 ブログで使ってテンプレートは下記のものです。 ↓ sea_simple_seo_v2 IEでは問題なく表示されるのですが・・・ cssとhtmlを確認しましたが、私の知識では特に問題ないのではないかと思うのですが・・・ 恐らく知識不足だろうと思うのですが・・ この問題の解決策を教えていただけませんでしょうか？ どうぞよろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 画像にcssについて
すいません。以下のブログにアマゾンのリンクが左にあると思うのですが、この画像の上に文字を置いてるのはどういったCSSなのでしょうか？ http://kanasoku.blog82.fc2.com/ CSSのpositionなどで絶対位置で指定しているわけでもなく、画像を背景にしているわけでもなく このような画像の上に文字を置けるのが非常に不思議です。 私はプログラムはphpが少し分かるくらいでして、もしかするとまったく知らないjavascriptかな・・とも思いましたがブラウザのjavaを切っても表示されていますし・・。 今はソフトはドリームウィーバーCS6の体験版を使っているのですが、CSS自体が初めてでもし分かる方いましたら教えてください。
- ベストアンサー
- CSS
- 検索エンジン（趣味：木工）にのみ画像がアップ出来ません
はじめまして。色々と検索したのですがどうしても解らないので 宜しくお願い致します。 -------------------------------------------- FC２【無料版】http://○○.web.fc2.com/（旧）を使用していたのですが不安定だったのでhttp://○○.web.fc2.com/（新） に変更しました。 検索エンジン？登録サイト（趣味の木工系の）に登録する際 １、バナー ２、商品画像 を添付するのに（旧）http://○○.fc2web.com/△△-■■.jpg だときちんと画像が表示されるのですが http://○○.web.fc2.com/△△-■■.jpg（新）だと画像は表示されず、FC2のサイトにつながり 「403 Forbiddenあなたには、このファイルにアクセスする権限がありません。 You don't have permission to access this page. 次のような理由が考えられます。 サイト所有者によってアクセス制限が掛けられている。 規約上の違反または迷惑行為のためにこのサイトが凍結されている。 他のサイトから画像へ直接リンクをしている。 」と表示されます。 ※上記のような設定も違反も覚えがありません。 新アドレスのHPは全く問題なくアップ出来ています。 検索サイトだけ画像が表示できません。 画像をアップする方法はビルダーについていた【FTPツール】もしくは、【FC2のファイルマネージャー】からです。 どうしてhttp://○○.web.fc2.com/△△-■■.jpg（新）だと駄目なのか全く解りません。 ケースは色々で調子よく表示され、【更新サイト】項目から見るとエラー画面だったり、 片方だけが表示されていたりと、とてもひどいものです。 （旧）http://○○.fc2web.com/△△-■■.jpgだといつでもUP出来るのですが。 何か原因が解らず対処も出来ません。 色々ディレクトリなど試してはみたのですが、全く解決できません。 どうか知恵をお貸しください。宜しくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
