忍者ブログ
25 September

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

15 October

CSSハックする前に・・・

各ブラウザのバグや仕様を調べましょう・・・っと。

Web2.0(古語)っぽい感じの、角が丸いレイアウト。
CSS3が勧告されれば簡単に指定できるみたいですが、現状で対応しているのはFFとSafari(GC含)のみ。

CSS2でも無理やりできるみたいですが
http://gigazine.net/index.php?/news/comments/20060525_rounded_corner_css/
行数が無駄に増えたり、JSを使うのでやりたくない。

やっぱり、「HTMLに情報を書き、CSSで見た目を定義する」という勧告に則りたいので。
JSはただ単に嫌いなだけです(ぉ

ということで、古典的な方法の画像を使うことに。


ヘッダ。
これは余裕。何も考えずimgタグで呼び出せばいい。

ボディ。
DWのプレビューで見ると正常。でもプニルで見るとボディとヘッダの間に隙間が開く。
マイナスのマージンで対応。するとOpera先生とか藍様でかさなっとる。

これはCSSハックか?!
と思ったけど、どうやらIEの「仕様」らしい。

http://ameblo.jp/css-memo/entry-10015168645.html

ということで、

img { vertical-align: top; }

で解決。
う~ん、これはスマート。

しかし忍者のエディタ、バグ多すぎである。IME動かなくなるとかどんだけー

PR