センタリングさせるデザインで「absolute」が使えない【CSS】 : 元・地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

先日、CSSでセンタリングさせる方法を説明しました。 実は、この記事は今回の記事のための布石に過ぎなかったりします。 「absolute」（絶対位置指定）はデザインをする上で非常に便利です。 好きな場所にオブジェクト（タグ）を移動させることができますものね。 ただ、センタリングさせたデザインで、その配下にあるオブジェクト（タグ）に対して「absolute」（絶対位置指定）をするとHTML全体を基準にしてしまうため、画面を大きくしたときにレイアウトに崩れが起きてしまうことがあります。 今回説明するのはこれを解決させるための方法。 なんとも過去にはこんな記事も書いてました。 □プルダウンメニューを全体的にセンタリングさせる方法 これも、これから紹介する方法を使えばCSSだけで解決させることができます。 さっそく前回のソースを活用してHTMLを作ってみましょう。 まずは、前回のソースをひとつにま