青森県八戸市 ホームページ制作・作成のstudio md | 続・青森シャモロック販売店

studio md制作の「青森シャモロック販売店」の話。トップページがいわゆるフツーのblogで、要するに、売る気があるのかないのかわからないぐらい地味。これでは商魂足りないことに今ごろ気がつく(^^;)。というわけで、急きょトップページを更新しました。

追加されたセクション

この手のレイアウトって、テーブルタグを使えばちょちょいのチョイでできるのよね。昼間からビールを飲もうが、ねぶたを跳ねようが、イタコの降霊をしようがなんてことはない。We love TABLE TAG。

しかし、CSSでやろうと思うとなかなか面倒くさい。イタコの念仏のごとくブツブツ言いながらも、結局CSSで作りました。

おかげで、トップページにも多少色気はついたんじゃないかと思います。ただ、時間がなくて、Mac IEで見たら識別不可能なほどズレていた(笑)。Mac IEのfloatまわりのバグかな。元々Mac IEはターゲットブラウザから除外していますし、時間があればバグにも付き合うんですけど、今回は時間がない。

仕方がないので、CSSハックの手法で直しました。Mac IEで見ると、段組や背景はパスしますが、閲覧は可能です。ほかにもフォームのfieldsetやフッターのliなんかもおかしいのですが、相手がMac IEなだけに、ちょっと時間がかかりそう。

しかし、そんなことより重大なことに気がついた。firefoxで印刷プレビューを選ぶと、なんと、firefoxが固まってしまう。バージョンは1.0.7。WinもMacも両方落ちる（私だけ？）。

印刷用のCSSを組み込んでいるからでしょうか？。ていうか、そもそもfirefoxは印刷がイマイチだと思う。印刷に関してはIEの方がよくできている。それに、「今後はブラウザ側で印刷時にA4縦に入るようリサイズするのが主流になる」との記事を、大手ニュースサイトで読んだ。CSSで印刷レイアウトをいじると、特定の人には意図されない形で印刷されるのも事実。

うーん、うーん、どうしよっかなぁ...いずれにしても、印刷するとブラクラ状態はまずいよね。てなわけで、「青森シャモロック販売店」の印刷用CSSを外しました。

がしかし...結局固まってしまうではないかorz

• 次の記事»
  Movable Type開発は日本主導に　企業ニーズに対応
• 前の記事«
  おサイフケータイに新機能「トルカ」を追加"

人気エントリ

• 目的がはっきりしないホームページほど、作りにくいものはない
• httpとhttpsで、オプション領域で分岐するDreamweaverのテンプレート
• 有線LANしかないところで、iPhoneやiPod Touchをネットにつなぐ(Macの場合)

• BeFMさんから受けた取材の様子を「動画」で公開！
• 【求人】実習生2名を受け入れます（青森県・地域人材育成プラン事業）
• クリストファーさんご来八！「あなたのＨＴＭＬ×ｉＰａｄ： 勉強会 in 八戸」が開催！
• 21あおもり産業総合支援センターの活用事例に掲載されました
• 十三日町商店街さんが日経新聞・全国面に掲載されました
• Yahoo!Japanのトップページに載ったのら！
• 超・地元セッション！第４回Ｗｅｂマーケティングセミナーが青森市で開催
• 2009年を振り返って〜ｍｄが選ぶ漢字は「忙」
• 本日のmd：餃子の王将と大阪王将の違い
• シルバーウィーク終了

カテゴリ [ホームページ作成、制作] のすべての一覧