人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Webサイトの簡単なチェックをお願いします。

検証したいサイトはhttp://mayuko.info/です。

スタイルシートが微妙なような感じがします。表示がおかしくなることはないでしょうか。OSXのSafari, Firefox,IEでみていますがIEではメニューがまともに機能しません。どこに問題があるかを(いわしですので)簡単で結構ですのでご指摘下さい。OSとブラウザ情報を添えて頂けますようお願いします。

●質問者: maxthedog
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:firefox IE OS OSX Safari
○ 状態 :終了
└ 回答数 : 8/8件

▽最新の回答へ

[1]WinXp IE6,7,FireFox2.0, NN7.2で特に問題なし yakamin

当方の環境は、いずれも WinXp で、 IE6, 7, FireFox 2.0, Netscape 7.2 で見てみましたが、特に問題はないように見えます。

ただ、いつも使っている HTML-lint でチェックしてみると、えらい点数になっています。(-20点)

http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

確かに、ソースを見ても、あれっと思うようなものが残っていますね。

今こちらではチェックできませんが、 Mac の IE ならば ver.5 以下ですから、スタイルシートの実装は、ver. 6 以降と比べるとかなり不十分ですので、 li タグを横に並べるような表示ならば大きく違っても不思議はないと思います。


[2]WinXp Sleipnir2.47 coe

「iTunesにドロップして下さい」の文字が下半分隠れてますが、それ以外はステキです。


[3]ちょっと手抜きして skuare

http://browsershots.org/というところで、いくつかのOSとブラウザでの見え方を表示できます。以下がサイトの見え方です。

http://browsershots.org/website/http://mayuko.info/


[4]OpenSUSE10.1(Linux) Firefox1.5 異常無し karasimiso

特に問題は無いと思います。ただCSSの516行目のmerginの設定で単位(px,em,など)が抜け落ちているようです。FirefoxのJavaScriptコンソールにおいてエラー報告を確認できます。


[5]win98,IE6 moruno

なんて古い環境で見ています

特に問題は無いような…

coeさんがおっしゃっている

「iTunesにドロップして下さい」の文字が下半分隠れてます

という問題も私の環境ではちゃんと見えています

直した後なのでしょうか?

ホームに戻るメニューは無いんですかね?

他のページに詳しく書かれてあるから

必要無いといえば必要ないですが…

あと、ソフィー・マユコさんを知らない人が、このHPを訪れたら

最初は写真中央の男性がメインのHPに見えるかもしれませんね

私の画面は15インチなのですが、HPのサイズが大きいので

最初の画面表示が左寄りになっています

そうするとライナー・クスマウル氏(?)が中央に位置します

まあ、女性の名前ではありますが…でも写真素敵です

余談でした


[6]<meta や CSSファイルの文字コードに問題が・・! nijinohasi

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> が<head>直下じゃないので、先ずは<head>直下に移動してください。文字コード指定は全てに優先します。

外部CSSファイルの文字コードがシフトJISになっています、HTML と CSS を同じ文字コードが基本ですからCSSファイルをutf-8で保存してください。

そうして、CSSファイルの先頭には文字コードの設定が必要ですので

@charset "UTF-8"; の1行をCSSファイルの最も上に入れてください。

http://www.mozilla.gr.jp/standards/webtips0023.html

Win XP SP2 IE7 IE6

コンサート2月4日?声 のメニュー行がMACと違い中央から左にレイアウトしています、RSS Podcastingの画像に img { border-style:none;}の指定が無いので、リンクの画像に出るブルーのラインが出ています

Win XP SP2 IE5.5 IE5.01

iTunesにドロップして下さいが隠れて表示されていない。

MAC OS10.3 Safari1.3

表示に問題なし

MAC OS10.3 IE5.2

文字化けして全く読めません


[7]>6 逆でした nijinohasi

コンサート2月4日?声 のメニュー行がMACと違い中央から左にレイアウトしています

右にレイアウトしています。

MACでは左にレイアウトしています。


[8]Windows XP, Opera 9.02で特に問題なし。 nofrills

Windows XPにOpera 9.02で拝見してみました。

メニューも「iTunes」も大丈夫ですし、特に問題はないように見えます。


ただ、小さなことですが、ドイツ語版のindexのページ

http://mayuko.info/deutsch/index.html

Erstmalig nach ihrem erfolgreichen Auftritt im Salzburger Festspiele 2005 als Solistin ...

のところの「2005」のフォントが途中で変わって表示されます。

ソースを拝見したところ、「2005」のところが、

「2」はfont familyの指定なし、

「005」は「Hiragino Kaku Gothic Pro, Osaka, MS PGothic, sans-serif」が指定されています。

なので当方では「2」はArialになり、「005」はMS Pゴシックになっています。


ほかにも

mehr Informationen...

のところと、ページ末尾の

F?r K?nstlerinformationen klicken Sie bitte ...

の文で「Hiragino Kaku Gothic Pro, Osaka, MS PGothic, sans-serif」になっているので

そこだけ欧文フォント(Arial)ではなく

和文フォント(MS Pゴシック)で表示され、ちょっと読みづらいです。

ただしこれはドイツ語環境の方には影響しないかもしれません。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ