-1

私のサイトでは、取り除けないような奇妙なスペースがあります。私はここ数日、cssをいじって、＃menubarカバーを100％の幅にすることを試みましたが、うまくいきません。

スマートフォンからサイトにアクセスすると、さらに目立つようになります。画像にフレックススライダーjqueryプラグインを使用していますが、クライアントのリクエストに応じて、幅ではなく高さに基づいてサイズを変更するように変更しました。

サイトはhttp://www.testsite.co.nz/です

4

4 に答える 4

3

CSSルールがあります：

body > div {
    padding: 2px;
}

そして、あなたのヘッダー<div>にはwidth:100%。したがって、ビューポートより4px広くなります。

于 2012-10-14T18:12:45.950 に答える
1

とがに設定されていることを確認htmlしてください。bodywidth: 100%

于 2012-10-14T18:12:28.450 に答える
1

あなたはおそらく何かにマージンを持っています（体のようないくつかのものはデフォルトでマージンを持っています）。

最も簡単な方法は、Google Chromeでサイトを開き、要素を検査することです。これにより、マージンが表示されます。

于 2012-10-15T05:06:49.880 に答える
0

私は変わりました

<div id="logo" onclick="location.href='http://www.sgphotostudio.co.nz';" style="cursor: pointer;"></div>

に

<img src="../img/SGlogo.png" onclick="location.href='http://www.sgphotostudio.co.nz';" class="main_logo">

以下にスタイルを追加しました

#menubar img.main_logo {
    border: medium none;
    cursor: pointer;
    float: left;
    height: 76px;
    margin: 6px 0 0 200px;
}
#menu {
    float: left;
    list-style: none outside none;
    margin-top: 34px;
    width: auto;
    z-index: 10;
}
于 2012-10-14T18:48:20.303 に答える