個別表示

Webサイトを作る仕事がもろもろと。

今とある依頼で某病院のWebサイトを作っています。もともと一つの科のページを作る話だったんですが、その科のページの出来栄えを気に入ってもらったようで、病院全体のサイトもリニューアルして欲しいという話になってしまいました。ただWebを含めたプロモーション全部に関わってしまうと本業に差し障りが出てしまうので、基本的にはHTMLとスタイルシートを書く職人という役割でやっています。

んで作り始めて今問題になってきているのが、ブラウザ間でスタイルシートの解釈の違いです。今まで自分が作った多くのサイトと同様に、divタグでボックスを作り適当に入れ子にしてレイアウトを作っているんですが、InternetExplorerと他のFirefoxなどのブラウザ間でwidthに対するmarginやborderの解釈が異なるため、必ずレイアウトが崩れてしまいます。今まで作ってきたページは入れ子が浅くてボックス間に余裕のあるレイアウトだったのでほぼ無視できたんですが、クライアントからの要望で1ページの情報量を多めにしているので、どうしてもタイトなレイアウトにせざるを得ません。そうすると互換性を維持するのが難しくなってしまうわけです。対策としてborderやmarginをなるべく使わないレイアウトを考えているんですが、その分手間も増えるし方法によってはメンテナンス性も悪くなってしまいます。

WebデザインのテキストやWebの記載を見るとスタイルシートの解釈に問題があるのはむしろInternetExplorerの方らしいので是非修正をして欲しいんですが、バージョンアップで修正したとしても旧バージョンのユーザーが結構なシェアを持っているのでその存在を無視することができず、結局Webを作る側で対策を立てないといけないようです。こういう事がある度に本当にMicrosoftが嫌いになります。

そんな感じで年始からWebサイトづくりをしております。本職の間に頭の体操的にするつもりでしたが、結構本格的に勉強しないとできないことも出てきていますが、乗りかかった船のなので自分の技術をつけるためにも一生懸命やってみようかと思っています。