html - div が重ならないようにする方法

Question

画面全体を使用するレイアウトを作成しようとしているため、レイアウトに固定幅を設定していません。パーセンテージを使用しています。

私はこれに取り組んでいます http://www.abdhulzaman.co.uk/work/rima

上部にあるように、ヘッダーの左上にロゴとヘッダーがあり、右側に絶対位置のナビゲーションもあります。画面を最小化すると、ナビゲーションとロゴのヘッダーが重なり合ってしまい、とても面倒です。

絶対/相対位置と関係がありますか? これは非常に単純に思えるかもしれません..助けていただければ幸いです! thnx:)

http://jsfiddle.net/YFCWm/に似たもの

Answer 1

ナビゲーションのサイズは動的ですか? そうでない場合は、 を設定することもできmin-widthますheader(ただし、サイト全体をラップするコンテナーに設定する方がよいでしょう)。

Answer 2

CSS とレイアウトを使い始めたばかりの場合は、Twitter ブートストラップやブループリント CSS などのグリッド ベースのフレームワークを使用することをお勧めします。

http://twitter.github.com/bootstrap/

http://blueprintcss.org/

それらのいずれかを使用すると、レイアウトの問題が簡単になります。