当サイトのご案内です
Last Updated Mar-17-2007
HOME(E)
InformationScreenShot(S)Color Chart(O)Copyright(T)Profile(K)Site Map(P)
現在位置 || HOME(E) > Information:当サイトのご案内です
当サイトのリンクやメール、使用しているCSS 機能や、ブラウザ等の違いについて、ご案内します。
- リンクはご自由にどうぞ。トップページからでも良いですし、お好きなページをリンクして頂いても構いません。「リンクをしました」等のメールは不要です。ただし、ページ名・ページ内容等予告無く変更する場合がありますので、ご了承下さい。
リスト項目へ ↑
- 貴重なご意見や、質問ありがとう御座います。ありがたく読ませて頂いております。なるべく、ご質問には筆者の解る範囲でお答えするように努力いたしますが、解らない場合は、ごめんなさい。メール送受信時、全てセキュリティチェック済みです。
- Web サイトの URLと入力フォームページのURLが異なるのは、レンタルサーバホスティングサービスのプラン別で、CGIの利用が限られているため、入力フォームのページが作れませんでした。その為、プロバイダサービスのURLを利用して入力フォームのページを作りました。
- スパムメール対策や、ウィルスメール対策のため、当サイト筆者宛の、HTML付きのメールや添付ファイル付きのメールに関しては、未読状態で削除させていただく場合がありますのでご理解下さい。
リスト項目へ ↑
- 2003年10月24日、文書型宣言( ! DOCTYPE ) を HTML4.01標準準拠モードから、
- 2004年1月3日に、文書型宣言( ! DOCTYPE ) を XHTML1.0標準準拠モードに移行しました。
- 当サイトでは、HTML文書を標準準拠型にしているため、ページを別ウインドウで開く<target="_blank"> 機能は使用出来ませんので、ご了承下さいね。
- 尚「ページを別ウインドウで開く」機能は、過去互換モードにしなくてはいけません。
リスト項目へ ↑
- 当サイトは、全てCSS で Web デザイン作りをしています。
-
NN4,xについては、<@import>ルールと、<media="screen,print">で、CSSの外部ファイルを読み込ませていません。
リスト項目へ ↑
画像の【png】【gif】【jpeg】形式について
- png 形式は、特許権が生じないフリーの画像形式です。また、可逆圧縮が出来るため、一度png 形式に変換しても元の画像データに戻すことが出来ます。
- W3C png or gif についての推奨に従い、当サイトでは、殆どの画像をjpeg 形式からpng 形式にしている為、画像のデータ容量が多くなっていますが、ご了承下さい。jpeg 形式は、特に特許権の問題がアメリカで生じており、jpeg 形式が今後どの様に使用されるのか私にも解りません。
- gif 形式においても特許権は生じますが、当サイトで使用しているgif 形式の画像は、全てライセンスソフトを使用して制作しています。( ２００４年６月２０日、日本でも Unisys 社の特許の有効期限が切れました。)
リスト項目へ ↑
当サイトで使用したCSS機能で、Windows & Mac 版 IE で非対応の CSS 機能について、お知らせします
- ｛position：fixed；｝要素→固定ブロックです。当サイトでは、トップページとコンテンツページの左側メニュー部分が固定され、本文がスクロールします。
- <before> 要素→指定された要素を、自動的に生成する疑似要素です。例えば、(^-^)/~ マークなど。関連ページ スクリーンショット 各ブラウザの違い、CSS機能・疑似要素編
- <abbr> 要素→指定文字に点線の下線が出、ツールチップで省略文字の正式名称や説明を表示します。
- 補足 Windows 版 IE 7 及び、Mac 版 IE は指定文字に点線の下線が出ませんが、ツールチップで省略文字の正式名称や説明を表示します。
- <q> 要素→引用符です。尚、文字実体参照の 「"」で代用できます。
- html 内、<q> 要素を使用した場合の記述例 = <p>この文章は、<q>引用符</q>と括ります。</p>
- html 内、文字実体参照の " を使用した場合の記述例 = <p>この文章は、"引用符"と括ります。</p>
- <outline> プロパティ→それぞれ輪郭線の太さや、スタイル、色を指定できるプロパティです。当サイトでは、リンクをクリックした時に、輪郭線の色を赤色に変更しています。
- 補足 Mac 版 IE では、リンク要素には対応していませんが、input , textarea , select , button , 要素に対応しています。
参考文献 Impress 刊「CSS2 スタイルシート大辞典」
リスト項目へ ↑
Windows 版 IE 6 及び Mac 版 IE をお使いの方へ
- XHTML について
- 当サイトのソースコードを観て頂くと判りますが、一番上の行に <?xml version="1.0" encoding="Shift_JIS"?> と言うものがあります。 XHTML では、 XML 宣言と encoding 宣言 は必ず記述しなければいけません。省略可能な場合は、encoding 宣言 が「ユニコード」の場合のみですが、W3Cでは、encoding 宣言 が「ユニコード」でも記述を強く推奨しています。
- 当サイトでは文書型宣言通り、標準準拠モードにしています。
- Mozilla, や Natescape, Opera 及び、Windows 版 IE 7, Mac 版 IE などでは、ちゃんと標準準拠モードになっていますが、Windows 版 IE 6 は「過去互換モード」になる、と言う動作があります。全体的な見栄えは変わりなく観られますが、トップページ以外の、左側「MENU」部分の囲みの横幅が、他のブラウザとは少し短くなっています。関連ページ スクリーンショット XHTMLの文書型宣言による各ブラウザの違い、メニュー編
- 残念ながら、<?xml〜> を省略する事は出来ませんので、ご了承下さいね。
- Mac 版 IE の提供終了について
- Mac OSX 以上の IE 5.2.3 & Mac OS 8.1〜9.x(Classic) の IE 5.1.7 は、２００３年６月に開発を中止し、２００５年１２月３１日で無償サポート終了、２００６年１月３１日をもって、提供は終了しました。
- 出来れば標準ブラウザは、IE 以外のブラウザ使用をお勧めします。
- Mac OS Classic 環境で使用できるブラウザの情報サイト
リスト項目へ ↑
Internet Explorer 7 のバグについて
- 正しい HTML 表記をしているにもかかわらず、div 要素の囲みと、div 要素で回り込みの float プロパティ【 float: left ; と float: right ; 】を囲みの中に両方使用し、CSS ファイル内の em や span 等のインライン要素において、フォントプロパティに italic(斜体) を指定し、尚かつ、HTML ファイル内で単語と単語の間に半角スペースがあり、画像と画像の間の幅が短くて、全文が入りきらず折り返しの条件が重なった場合、画像表示不具合のバグがあります。これは、ローマ字表記・日本語表記共です。
- 斜体フォントで全文半角スペースがない場合は、画像は正しく表記されますが、回り込み禁止の様に、画像の下にフォント表示されます。
- 対策として、特に「小型美魚」コーナーの「小型美魚のおまけ画像 1 & 2 」のページの不具合を起こしていた画像リストを、Internet Explorer 7 用に強調文字の <em> と斜体のフォントを取りやめ、span プロパティで普通のフォントに修正しましたので、正しく画像表示が出来るようになりました。
- 他のブラウザ、例えば Firerfox 等の Mozilla 系ブラウザ , Safari 等の AppleWebKid(KHTML,like Gecko) 系ブラウザ , や Opera , Internet Explorer 5.x for Mac 等では、正しく表記されます。
- Internet Explorer 6 に関しては、現在使用していないので断言は出来ませんが、今まで使用していた感では、若干怪しいところもありますが、正しく表記されます。
- 今後 Internet Explorer 7 のバグに気が付いた場合は、記載していきます。
リスト項目へ ↑
- 各ブラウザでは、微妙に字の大きさや記号の大きさが違います。フォントスタイルの違いもあります。
- 他のブラウザでは全く問題が無かったのですが、Mac 版 IE では、記号の幅が他のブラウザよりも多少広いようです。Mac ユーザ様からのご指摘がありました。
- テキストや、ブロックの色などはWindows & Mac 版 IE では、濃いめに色が出ます。
- <a href＝"＃id名">(ページ内) を使用すると、Windows 版 IE 6 以前は未訪問リンクをクリックしていなくても、訪問済みリンクの色になってしまいます。筆者の PC がおかしいのか、Windows 版 IE 6にバグがあるのか ?
- 補足 Windows 版 IE 7 では、改善されました。(確認済み)
- <a href＝"＃id名">についてですが、<a name＝"name名" a href＝"＃id名"> と併用する事で解決出来ますが、残念ながら <a name="〜>機能は、「XHTML1.0 では非推奨。XHTML1.1 では廃止」ですので、当サイトでは使用する事はありません。どうかご了承下さい。
- <accesskey> は、一部括弧内の英数字で表記しています。
- Windows 版 Firefox 1.5.x まで , Mozilla , Mac 版 Firefox , Netscape 等では、Alt(Mac は control)＋括弧内の英数字でジャンプします。Mac 版 SeaMonkey は使用していないので、確認できません。
- Windows 版 Firefox 2.0.x , SeaMonkey では、Alt＋Shift＋括弧内の英字でジャンプします。尚、数字キーの組み合わせでは、アクセスキー機能が動作しないバグがあります。
- Opera では、Shift＋Esc で accesskey の項目が一覧表示されますので、括弧内の英数字でジャンプします。
- Safari & Shiira(シイラ)では、control＋括弧内の英数字でジャンプします。
- IEでは、 Alt＋括弧内の英数字で Enter を押すと、ジャンプします。
リスト項目へ ↑
- タブブラウジングとは、１つのウインドウの中に複数のページを開く事が出来る便利な機能です。そのため、わざわざ新しいウインドウを開くことなく、快適にインターネットが楽しめます。
- Mozilla 系ブラウザ及び Windows 版 IE 7 でタブブラウジングをしたい場合
- マウスオーバーで Ctrl(Mac は Cmd)＋マウスクリック。或いは、マウスオーバーでミドルクリック。
- Tab キーでリンクを指定したら Ctrl(Mac は Cmd)＋Enter です。
- Mozilla Firefox, SeaMonkey では「設定項目」で Opera と同機能の、新しいウィンドウで開くリンク機能 <a href="*******.html" target="_blank"> を使用しているページは、キー操作をする事なく、マウスクリックでタブブラウジングが出来ます。
- 新規タブを開きたい時、Firefox は、ツールバーのカスタマイズで「新しいタブ」アイコンをツールバーにドラッグ表示後させ、クリックするか、Ctrl(Mac は Cmd)＋T です。SeaMonkey(Mozilla も) は、左側の新しいタブをクリックするか、Ctrl(Mac は Cmd)＋T です。
- 新規タブを開きたい時、Windows 版 IE 7 は、タブ右横の小さいタブをクリックするか、Ctrl＋T です。
- Opera & Shiira(シイラ) タブブラウジングをしたい場合
- マウスオーバーで Shft(Mac は Cmd)＋マウスクリック。或いは、マウスオーバーでミドルクリック。
- Ctrl(Mac は Cmd) キー＋ 矢印の上下でリンク(シイラにこの機能はない)を指定したら、Shift(Mac は Cmd)＋ Enter です。
- 新しいウィンドウで開くリンク機能 <a href="*******.html" target="_blank"> を使用しているページは、キー操作をする事なく、マウスクリックでタブブラウジングが出来ます。
- 新規タブを開きたい時、Opera は、ツールバーにある新しいタブをクリックするか、Ctrl(Mac は Cmd)＋T です。
- 新規タブを開きたい時、Shiira(シイラ) は、タブ右横の「＋」をクリックするか、Cmd ＋T です。
- Safari タブブラウジングをしたい場合
- マウスオーバーで Cmd＋マウスクリック。或いは、マウスオーバーでミドルクリック。
- Tab キーでリンクを指定したら、Cmd＋ Enter です。
- 新規タブを開きたい時は、Cmd＋T です。
- ご注意 Mac はシステム設定→「キーボードとマウス」→「マウス」で、真ん中のマウスホイールを「ボタン 3 」にしないと、マウスオーバーでミドルクリックは出来ません。
- Windows 版 Internet Explorer 6 以前と、Mac 版 Internet Explorer は、タブブラウジングが出来ません。
- 補足Windows 版 Internet Explorer 7 は、タブブラウジングが出来ますが、実装は Windows XP SP2 及び、次期バージョン OS の Windows Vista になります。
- PC/AT 互換機 PC のタブブラウジング用キー操作は同じですが、Mac PC のタブブラウジングの場合は、Cmd キーになります。
- タブを閉じる場合は、Ctrl＋W ですが、これはPC/AT 互換機 PC のキー操作です。Mac PC は、Cmd＋W になります。
リスト項目へ ↑
- 代替スタイルシートについて、お知らせします。
- Informationページや、ScreeenShotページ等以外のページに、スタイルの変更が出来るようにしました。
- 代替スタイルシート対応のブラウザ【Gecko エンジンのブラウザ等と、Opera 7.x〜9.x】で、切り替えが出来ます。( Opera9.x にバージョンアップしているので、Opera 6.x では確認取れず。)
- 代替スタイルシートで切り替えをした場合は、再読み込み(リロード)や他のページに移動すると、元のスタイルに戻ります。
- スタイルシートの切り替え方法
- JavaScriptでも、Cookieを利用してスタイルの切り替えは出来ますが…。
- 少々ページが重くなったり、JavaScript を OFF にしている方には、スタイルの切り替えが出来ません。
- Cookie に保存して、再度訪れたときに選んだスタイルを適用しますが、各自 Cookie の設定や管理方法、Cookie に対する考え方が異なるので、必ずしも良い方法とは思えません。
リスト項目へ ↑
- WindowsXP SP2 Professional
- Windows98 SE→Windows2000 Professional→Vine Linux 3.2に移行しました。
- Mac OSX 10.4.x Tiger
- 一台ののPCに、一つのOSと言う状態です。
リスト項目へ ↑
- Windows XP SP2 Professional
- Firefox 2.x が標準ブラウザです。
- SeaMonkey 1.x
- Opera 9.x
- Internet Explorer 7 (確認用)
- Mac OSX 10.4.x Tiger
- Firefox 2.x が標準ブラウザです。
- Safari 2.0.3
- Opera 9.x
- Shiira 1.2.2
- Vine Linux 3.2
- Mozilla 1.7.8 が標準ブラウザです。
- Opera 9.x
リスト項目へ ↑
- Windows XP SP2 Professional
- Vine Linux 3.2
- Mac OSX 10.4.x Tiger
リスト項目へ ↑
Windows版【IE 3.x】【IE 4.x】【IE 5.x】【Opera 6.x】のブラウザは入手不可能の為、確認が取れません。当サイトでお気づきの点・ご指摘・ご要望などありましたら、下記アドレスまでお知らせ下さい。
★ ご意見ご質問フォームのページへ 
恐れ入りますが、スパムメール対策のため、メールアドレスの記載を止めましたので、上記の「ご意見ご質問フォームのページ」にて、お願いいたします。ご迷惑をおかけします。
Copyright © 2003-2008 nina-kaz. ALL Rights Reserved.
このページの一番上に戻る
