AZ::Blog はんなりと、あずき色☆: だいぶ出来てきたよ。

だいぶ出来てきたよ。

ブログのリニューアル、だいぶ出来てきました。
年内におおむね完成できそうですヽ(´ー｀)ノ

IE7でレイアウトが崩れる

昨日は、もう一息かと思ってたところで、ＩＥ７において右カラム落下が発覚(　；∀；)
→スクリーンショット

FireFoxやOperaやSafari、またIE6では、ちゃんと表示されるのに。。
かなり蛇道な段組にしてるので、そのせいみたい。IE7だけダメというのが、謎めいているｗ

幅(width)を固定した大きさ（px）にせず、％にして、ウィンドウの大きさに応じて可変するように改造してるのが、胡散臭いらしい。
ブラウザのウィンドウの大きさを変えると、妖しげに変化（へんげ）します(笑)

max-widthとかmin-widthとか、大きくなる限界値、小さくなる限界値も指定。ただ、これはIE6では機能しないので、ジャバスクリプトでむりやり導入。
だから、IE6でジャバスクをオフにすると、またちがったレイアウトが楽しめます(；・∀・)

□doxdesk.com: software: minmax.js

ＣＳＳハックでなんとか誤魔化す

で結局だ、ＩＥ７については、仕方なく、CSSハックで対応する暴挙に。固定幅のちゃんとした「別な」レイアウトを読ませてと。
こっちはわりとフツーの段組なので、ちゃんと表示されてます。ヨカッタヨ(　・∀・)
→スクリーンショット
→Ｓａｆａｒｉがわりとキレイ。いいなあ、マック。

「＊＋ｈｔｍｌ」という呪文をセレクタの前に書くと、IE7だけにその部分のスタイルを読み込ませることができるんだそうです。

□Lucky bag::blog: IE7 を含むモダンブラウザ向けの CSS ハックまとめ

まだ環境によってはいろいろ表示に問題がありそうですが、もうこれ以上は知らん。限界ですｗ　もういいよね（誰に呼びかけている）。

はやく来い来いＣＳＳ３

ウェブデザインって、いろんなブラウザや設定環境との悪戦苦闘。
一方では、人それぞれお好みの設定できるようにデザインの選択肢が広がったのがパソコン。ところが、もう一方では、誰にも同じようなデザインで見てほしいというデザイナーの気持ちがある。
このあからさまに矛盾した要求のすき間を縫う作業がウェブデザイン…といえそう。たいへんです。とういうか、ムリω

そもそもＣＳＳには段組の設定がなくて、パズルのようにやってるのが、コンピュータとは思えぬ泥臭さ。
ドロップシャドウのようなパソコンがもっとも得意とする演算も、今はわざわざ画像を別に用意して、ＣＳＳで配置するという原始的な作業をやってます。角丸もめんどくさいし。 ^*1
はやくＣＳＳ３になるといいのになぁ。ＣＳＳ３のことを言うと、鬼が笑うらしい。実際は、またいろいろ問題が噴出するんだろうなぁ。。楽しみだ(；・∀・)

□CSS3 Preview - CSS3 . info

今回のリニューアルはおおもとから見直したので、大掃除したような、爽快な気分。記事の更新やメインテナンスも、やりやすくなりましたヽ(´ー｀)ノ
しかし、この作業に時間をとられて、部屋の掃除がぜんぜんできてない、年の暮かな。