いつも皆さまのご指導に大変お世話になっております。

さて、構築しておりましたサイトが完成し、アップしたのですが、macユーザーから「上のところが崩れていますよ」と指摘を頂きました。
（サイトは
http://www.sunsea-japan.co.jp/nademo/
です。)
私が勤めている会社も、自宅もパソコンはwindowsで、全く気づきませんでした。

このようなことはあるのでしょうか。

また、対処法などがあればご教授頂けませんでしょうか。

----------------
ホームページ作成は全てが始めてです。
プロの皆様のお力をお借りしたいです。
宜しくお願いします。

macというか、windowsのie6、firefox3でも崩れていますよ。

たとえば


とかありますが、idに対してheaderなのかlogoなのか、またcssも

のように、なんかいろいろおかしいところが...

XHTMLでバリデータをかけたら400エラー近く検出されました。
一度XHTMLとCSSをバリデータにかけてチェックしたほうがよいと思います。

> このようなことはあるのでしょうか。

あると思います。


> また、対処法などがあればご教授頂けませんでしょうか。

macユーザーとひと括りで言っても、色々な環境がありますので、その辺りの情報があると良いかと思います。

あとは、このフォーラムを見ているmacユーザーに再現・改修を期待といったところでしょうか。


(追記)
ramrun 様のご指摘の通り、当方環境(Firefox 3.5/WinXP)でも、乱れを確認しました。macユーザーが見ているのと同じ状況かは分かりませんが。

----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

MAC版 FF3.5 Safari4でも崩れています。


プロであればWin、Macの主要ブラウザ全てでチェックはかけます。
しかし、素人さんとなると難しいですよね…
環境を揃えなければならないですし、
CSSもハックを使わなければならない場合もありますので。

本当に面倒ですよねぇ

> プロであればWin、Macの主要ブラウザ全てでチェックはかけます。

うちは、作業工程として Mac でブラウザチェック掛けるのは、要件定義に明記されているときだけですね。外注します。

それでも、Mac 固有の不具合って滅多に無いですね。10年以上やってますが、記憶にある範囲だと1件しか思い浮かばない。まぁユーザの絶対数も少ないので、発覚しにくいという面もあると思いますけど。

----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

> うちは、作業工程として Mac でブラウザチェック掛けるのは、要件定義に明記されているときだけですね。外注します。

そうですね、seasoftさんのところのようにどのブラウザを対応範囲とするか要件に含めるWEB制作会社もありますね。
対応ブラウザが増えればコストもかかるので仕方がないと思います。

このスレを見た皆さんに誤解を与えないように、
「プロであれば」
というのを、
「少なくとも私は」
に訂正致します。


サイトを利用するのはクライアントではなくユーザーですので、少なくとも私は、必ず全ての主要ブラウザでチェックをかけています。
※「主要ブラウザ」といって限定しているので、そういった意味では私も対応ブラウザを要件に入れていると言えますね（汗

実際のところ、同じOS・ブラウザ・バージョンでもディスプレイの解像度(DPI)設定が変わっただけで、本件のような表示ズレが発生することもありますので、どこまでやっても完璧がない領域ですよね。

まぁ、クロスプラットホームで動作するWEBの面白さとトレードオフされる部分ですね。

ちなみに、個人的には、5%未満の少数派は時に切り捨てる事も必要だと思います。本件問題は、少なくとも5%以上に影響ありそうですが。

----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

macだけではないのですね。
400近くもエラーが出ているのですか？

ショックというか、戸惑ってしまっています。

ご指摘のCSSはすぐにでも直してみます。

それから、崩れているといわれたのはTOPページやヘッダー部分なのですが、ほかのページもあるのでしょうか。

お手数ですが、教えていただけませんでしょうか。

お忙しいところ申し訳ありませんが、よろしくお願いします。

----------------
ホームページ作成は全てが始めてです。
プロの皆様のお力をお借りしたいです。
宜しくお願いします。

> それから、崩れているといわれたのはTOPページやヘッダー部分なのですが、ほかのページもあるのでしょうか。

ヘッダーは基本的に全ページで同一テンプレートが使用されているため、全ページ崩れています。
その他、ヘッダー以外の部分も崩れているのを確認しました。

しかし、崩れているのをお伝えしても、どう崩れているのか分からなければ修正しようがないと思うのですが…

・Mac環境のブラウザ表示を見られるようなWEBサービスやアプリケーションを利用する（どんなのがあるのかは知りませんが…）
・Macを買う
・Macユーザーは捨てる
という選択になるのかもしれません。

ヘッダーはCSSを確認し、直してみました。

確かにご指摘いただいた
<div id="header logo">
はおかしかったです。
必要ないdivでした。

それから、ニュースやキャンペーンのところが右にガバっと抜けていますか？
そういう指摘ももらいました。

CSSの指令がおかしかったのかなと思い、少し統一してみました。
確かに確認できない環境で直すのは無理に近いですね・・・。

確認できるプラウザを探したほうがよさそうですね。

トップページが壊れていると、信頼というか、
「このサイト大丈夫？」
みたいに感じますよね。

直したいのですが、ちょっと難しいです。

少し検討してみますが、皆さんご協力をお願いいたします。

----------------
ホームページ作成は全てが始めてです。
プロの皆様のお力をお借りしたいです。
宜しくお願いします。