CSSレイアウトで縦位置あわせのメモ

忘れそうなので備忘録です。
[html]

[/html]
での標準モードでレンダリングを前提。
サンプルはこちら
基本は絶対配置で行う。
全体のレイアウトが左寄せでは問題ないが、
中央寄せの場合
親ボックス position: relative;
子ボックス position: absolute;
のようにしていると、IE6でリサイズしたときにずれてしまう。
ココでIE6用ハックを使い
* html 親ボックス position: relative;
* html 子ボックス position: static;
にするとずれない。
あとはピクセル単位の細かい調整が必要。

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中