バグ報告 > 管理機能 > windowsとmacの表示の違いについて |
管理機能
スレッド表示 | 古いものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
NADEMO |
投稿日時: 2010/1/12 10:00
対応状況: 保留
|
常連 登録日: 2009/10/5 居住地: 品川 投稿: 50 |
Re: windowsとmacの表示の違いについて tonton様
コメントを寄せてくださった皆様 あけましておめでとうございます。 ご指摘ありがとうございました。 cssの勉強をもうちょっと頑張ります。 サイトとしては見られるものになりました。 皆様のご協力のおかげです。 ありがとうございました。
|
tonton |
投稿日時: 2009/12/29 0:14
対応状況: −−−
|
仙人 登録日: 2008/8/14 居住地: 投稿: 437 |
Re: windowsとmacの表示の違いについて 中途半端に放り出しすぎて心ぐるしいので、ヒントにイなりそうなリンクだけ追加で張っておきますね!
1)MACだけならこの5番目とか怪しかったり。 http://kennsu.jp/2007/01/css10.html 2)float関連で、これとか。 http://homutuku.com/beginner/250.html 3)似たようなところでこれとか。 http://adp.daa.jp/archives/000250.html 見たところ、paddingとかよりWIDTHやFLOATが怪しそうなので、上記はっときますね。 |
tonton |
投稿日時: 2009/12/29 0:01
対応状況: −−−
|
仙人 登録日: 2008/8/14 居住地: 投稿: 437 |
Re: windowsとmacの表示の違いについて こんにちは。
そうですね。floatをleftにしたら、もちろん文字も画像も左寄せになりますので、修正後、関連するCSSは直していかないと思います。 全体的に値の矛盾や空タグなどいくつかありそうですし、相互に関連してるCSSも多くあるので見直しておくことも必要だと思います。 その上でですが、floatした2つの要素がずれたり見えなくなるのは、WIDTHかFLOATが間違っているのが多いですが、こういう消え方をするのは、要素の前でFLOATしたものをうまくclearできていないか(←意外とこれが多かったり。。。)、このずれている要素自体が、その後の要素でCLEARできていない場合に多く見られますよ(^^) ちなみに、W3CのCSS解析で、PRODUCTS.CSSだけで下記のエラーが出ています。全体で15のエラーのようです。 ------------------ 150 .item-box-photo img 次のプロパティが正しくありません : vertical-align center は vertical-align で利用できる値ではありません : center 189 div.listarea 次のプロパティが正しくありません : background 文法解析エラーが発生しました [empty string] 379 div#spec_area 次のプロパティが正しくありません : height repeat-bottom は height で利用できる値ではありません : repeat-bottom 390 div#spec_text 次のプロパティが正しくありません : height repeat-bottom は height で利用できる値ではありません : repeat-bottom 427 div.subarea h3 次のプロパティが正しくありません : background 文法解析エラーが発生しました [empty string] 482 div#customervoicearea li 次のプロパティが正しくありません : background 文法解析エラーが発生しました [empty string] --------------------- すみません、個別に全部見てはいないので、中途半端な回答になってしまって・・・お役に立てるといいのですけど。 |
NADEMO |
投稿日時: 2009/12/28 13:31
対応状況: −−−
|
常連 登録日: 2009/10/5 居住地: 品川 投稿: 50 |
Re: windowsとmacの表示の違いについて tonton様
ありがとうございます。 確かに右カラムの訂正を忘れておりました。 670pxに設定しなおし、product.cssのspec_img及びspec_textのところもfloat: left;で統一しました。 でも、やっぱりダメみたいです。 互換表示、そしてIE6,7では商品詳細メインコメントの中のhttp:www〜は読まれないのでしょうか。 float: left;にしたので、textが左詰めで表示されてしまいました・・・
|
tonton |
投稿日時: 2009/12/27 15:39
対応状況: −−−
|
仙人 登録日: 2008/8/14 居住地: 投稿: 437 |
Re: windowsとmacの表示の違いについて こんにちは。
ざざっとですが、見たところ、CSSの指定にいくつか矛盾した値がありますね。 例えば、商品詳細で、MAIN.CSSで右カラム全体をくくっているdiv#two_maincolumnは、widthが600pxになっていますが、その中に納まるはずの、products.cssのdiv#spec_areaは、650pxになっており、さらにその中の、div#spec_image、div#spec_textは、それぞれ、200px、420pxになっています。 さらに、div#spec_image、div#spec_textのfloatですが、こういうレイアウトの場合は、widthを指定した上で、どちらもfloat:left;にするほうがブラウザごとのレイアウト崩れが防げますよ。 ざっと見た、一部だけですが、参考になれば幸いです。 P.S.制作のチェックをするときは、sleipnirというブラウザがオススメです。フリーですが、チェック機能が多彩で、同じくフリーのプラグインを追加することで、cssを動的に編集しながらビジュアルを見てレイアウトのチェックができたり、HTMLやCSSの構造をチェックしたり出来ます。(ご存知かもしれませんが・・・) http://www.fenrir.co.jp/sleipnir/ 大変ですが、がんばってくださいね!(^^)// |
yokoshima |
投稿日時: 2009/12/27 13:48
対応状況: −−−
|
一人前 登録日: 2009/1/6 居住地: 渋谷区恵比寿西 投稿: 113 |
Re: windowsとmacの表示の違いについて IE7でも横並びの左側の画像が表示されていないようです。
ソースを見ているとあまり推奨できない組み方などをしているようなので、(たとえば<br />の濫用など・・) 正しいコーディングの方法を身につけないと 今後もこういったことは起き続けるのではないかと思います。 <div id="spec_image">と<div id="spec_text">を横並びにするのは、css側ではどのように設定していますか?
|
NADEMO |
投稿日時: 2009/12/24 17:07
対応状況: −−−
|
常連 登録日: 2009/10/5 居住地: 品川 投稿: 50 |
Re: windowsとmacの表示の違いについて ありがとうございます。
IE6で確認したところ、大丈夫なようですが、やはり環境下の問題でしょうか。 それから、みなさまのご協力のおかげで、ページの大きい崩れを修正することができました。 当初、フレームサイズを780pixで作っていましたが、現在は900pixにしました。 どうやら幅が足りなかったようです。 仕様詳細というところは、管理画面の商品登録の中にある、詳細メインコメントのところに<img src="http://www.〜/>で画像を呼び込んでいます。 画像とspecを横並びにしたかったので、cssで<div id="spec_image">と<div id="spec_text">で構成させました。 ところが、div付けする前は見れていた画像がIE6下では見れなくなってしまいました。 IE8及びSafari4では見れるのですが・・・。 原因がわかりません。 ご存知の方がいらっしゃればご教授願いたいと思います。 よろしくお願いします。
|
kaoring777 |
投稿日時: 2009/12/22 19:49
対応状況: −−−
|
一人前 登録日: 2009/7/28 居住地: 東京 投稿: 89 |
Re: windowsとmacの表示の違いについて 引用:
同様の現象がIE7(WinXP)でも起きているようです。 念の為、ご報告致します。 |
AMUAMU |
投稿日時: 2009/12/22 16:37
対応状況: −−−
|
神 登録日: 2009/5/2 居住地: 東京都 投稿: 2712 |
Re: windowsとmacの表示の違いについて 参考までですが、ここ最近1ヶ月の大規模サイトの利用者動向を見ると
一般的なECサイトで15〜25% 技術系サイトでも5〜10% がIE6の利用者割合のようです。 大幅に減ってきている方向ですがまだまだシェアは高いです。
|
seasoft |
投稿日時: 2009/12/22 16:35
対応状況: −−−
|
神 登録日: 2008/6/4 居住地: 投稿: 7367 |
Re: windowsとmacの表示の違いについて 統計値を見て考えることをお勧めいたします。
サイトにもよりますが、IE7 や IE8 や Safari の各割合よりも、IE6 が多い事も多いかと。
|
(1) 2 3 » |
スレッド表示 | 古いものから | 前のトピック | 次のトピック | トップ |