CSS

ホームページ作成において、各ブラウザ毎に表示の調整を行う必要があるわけですが、その調整には結構な労力を要しますよね。Firefoxとかではあまり問題ありませんけど、IEについては何かと問題だらけですね。特にバージョン7になってから、少しCSSの仕様が変わったみたいですので、旧バージョンともレイアウトが違っています。

では、このIE用のCSSの調整は、どのバージョンまで対応させるべきなのでしょう。私の場合、自社サイトのアクセス解析を見ると、IEで訪れる人は、全体の70%程度（30%はFirefoxやOperaなどのブラウザ）。この7割のうち、さらに99％がIE6とIE7で占めています。他の1％はIE5以前のバージョンで、ほぼ無視してもかまわないと思われる。。本当はすべての合わせた方がいいのでしょうが、その労力を考えると、この1%に満たないブラウザは切り捨てて考えた方が無難ではないでしょうか。

しかし、IEも開発するときに、他のブラウザとCSSの仕様とか統一されないものなのでしょうかね。ウェブ制作者から見ると、非常にやっかいな問題です。MS！何とかしてくれ！！

★CSS関連のオススメ書籍

IE6とIE7のCSS表示の違い

ここしばらくIE7とFireFoxばかり利用していて、ホームページ作成でのレイアウト確認でもこの2つのブラウザを利用していましたが、どうやらIE6とIE7では、少しCSSの表示が変わってしまうようで、IE6で確認するとFloat落下するのにIE7では正常に表示されるようです。

IE6では以前から余白（padding）に関するCSSのバグ（？）が明らかになっていましたが、IE7になってからは、他のブラウザ（FireFoxなど）と仕様が同じになっているのか、Float落下などの現象が起きないみたいです。IE7のCSSに関する情報は既にあちこちのサイトで公開されているようです。Googleで「IE7 CSS」で検索するとたくさんでてきますので、確認してみてください。

このIE6とIE7の表示が変わったことによって、ウェブ制作をしている人はとても困りますよね。IE6からIE7にバージョンアップしてしまうと、通常ではIE6での確認はできなくなってしまいます。そこで、便利なのがIE6のスタンドアローン版です。これは、IE7がインストールされてても、単体で起動することができますので、ただ単に表示の確認をするだけなら十分です。

IE6スタンドアローン版の入手

IE6スタンドアローン版の入手は以下よりダウンロードサイトに移動し、「ie6eolas_nt.zip」のリンクよりダウンロードしてください。

IE6スタンドアローン版 ダウンロード
http://browsers.evolt.org/?ie/32bit/standalone

★オススメ★

昨日、ホームページの横幅の決め方についてお話しましたが、やはり、ごく少数とはいえ、一部のユーザーが快適に閲覧できない人がでてくるのは事実です。こういった人たちを無視するというのは、ビジネスホームページのユーザビリティの面から言うと、適切とは言えません。やはり、全てのユーザーに対して快適な環境を提供していくということが、本来のユーザビリティ向上の目的ですから。では、全てのユーザーに対して、快適に閲覧できる環境を作ることにしましょう。

ユーザビリティを考慮したホームページ横幅の切り替え

一つのデザインだけで、すべてのユーザーに快適な閲覧環境を提供するのは不可能です。どうしても一部のユーザーを無視することになってしまいます。では、この問題を解決する方法をご紹介します。

この問題を解決するには、コラム型のホームページのデザインを作ります。コラムとはホームページのサイドに表示される、コンテンツメニューのようなものですね。このコラムには1コラム、2コラム、3コラムといろいろなレイアウトがありますが、これをホームページの内容を変えずに、CSSで1コラムと2コラム、3コラムとそれぞれのデザインを作成していきます。これを、ホームページ上でユーザーが自由に切り替えられるようにするのが一番の方法です。

例えば、メインコラム（コンテンツ表示部）を480pxとします。1コラムの場合は、この480pxがホームページ全体の横幅となります。次に2コラムにした場合。サイドバーの領域の横幅を200pxに設定したとします。すると、200+480=680pxの横幅。同様に、3コラムの場合、200+200+480=880pxとなります。この3つのレイアウトをCSSで切り替えて表示するというものです。

CSSの切り替え方法については、また後日に詳しく解説したいと思います。

格安で作るホームページはウィ・ドックへ

ウィ・ドックのホームページ作成プランで、とてもお得にホームページを作ってみませんか？現在、5万円を切った3ページコースと格安でも満足のボリュームの5ページコース、2つのホームページ作成プランを提供しています。当店で、一番人気のホームページ作成プランです。

ホームページ作成というと、「高額」というイメージがあると思いますが、当社のホームページ作成プランを利用すれば、お手頃な価格でオリジナルデザインのホームページを気軽に作ることができます。金額の面でなかなか作れなかったホームページをウィ・ドックで作ってみませんか？

格安でもオリジナルデザインでホームページを作成

格安だからといって、手抜きで作成するわけではありません。他社で提供する格安のホームページ作成プランのように、予め用意されたデザインテンプレートにはめ込むだけのような作り方はいたしません。すべてお客様が提供するコンテンツに合ったデザインを、一から作成いたしますので、同じデザインのホームページが他に存在するようなことはありません。

ウェブ標準でしっかりしたホームページを作る

しかも、レイアウト＆コーディングは「XHTML + CSS」の形式で作成し、すべてW3Cの基準に沿った「ウェブ標準」にて作成いたします。ウェブ標準でのホームページはSEOの面から見ても優れた効果が得られます。既にお持ちのホームページが「TABLEレイアウト」で作られているならば、この機会にウェブ標準に移行されてはいかがですか？

ウィ・ドックのホームページ作成プラン詳細