0

このチャリティーウェブサイトのレイアウトを変更するように依頼されました。

http://antidotemarketing.com/youthlife/

ナビゲーションを上に配置し、次にロゴを下に配置し、その下にスライダーとメインコンテンツを含む白いボックスを配置する必要があります。

これは、CSSのみを使用して実行する必要があります。

これまでのところ、ChromeとFFの両方で同じ結果を得るのに苦労していました...私はまだIEをチェックしていません。ナビゲーションとメインコンテンツボックスの中央に適切な間隔（たとえば上下20px）でロゴを配置するにはどうすればよいですか？

もう1つの問題：人々がワードプレスにログインすると、ワードプレスが上部に挿入するヘッダーがすべての間隔を台無しにするため、ロゴを絶対的に配置することはできません。

みんな、ありがとう ：）

4

1 に答える 1

1

OK、私はあなたが何を求めているのかをようやく理解したと思います。次のスタイルを追加してみてください。

#logo {
  position: absolute;
  top: 80px;
  z-index: 100;
}
#login #logo {
  position: relative;
}
#page {
  margin-top: 45px;
}
于 2012-10-22T20:48:39.737 に答える