1

これはサイトです: http://www.indiansummerfestival.ca

基本的に、オレンジ色のバナーの上部から Web ページを開始したい (つまり、バナーとページの上部の間に空白がない)。

Chrome インスペクタを使用してみましたが、余分な 100 ピクセル分の空白がどこから来たのかわかりません。関連するファイルは style.css で、スタイルシートの外側に別の css のチャンクがあります。

<div id="header"> コードを貼り付けてみましたが、かなりごちゃごちゃしているように見えるので、HTMLコードで見つけるのが最善の方法だと思います。

どうもありがとう。

4

4 に答える 4

3

あなたの#socialLinksと#mc_embed_signupdiv は、 の兄弟として相対的に配置され#logoます。これらの div を設定しているという事実にもかかわらず、それらはまだフロー内にあると計算されているため、押し下げられてい#logoます。これらの 2 つの div を絶対に配置してみてください。それはそれを修正する必要があります。

于 2012-05-30T01:45:09.907 に答える
1

CSSに追加して解決したFirefoxの同様の問題：

*{margin:0; padding:0;}

Ps: どういうわけかコメントを使用できません... :(

于 2012-05-30T01:43:54.337 に答える
0

これは、使用している mailchimp およびソーシャル プラグインと関係があります。それらはそれぞれ、上部にいくつかのピクセルを追加しているようです. それらを削除すると、オレンジ色のヘッダーが上部に配置されます。これらのスタイル シートが独自のスタイル シートでどのように機能しているかを確認する必要があります。

于 2012-05-30T01:49:34.613 に答える
0

これを補償に適用できますか？

#header {
    margin-top:-45px;
}

セミハックですが、機能しますか? :)

于 2012-05-30T03:24:54.370 に答える