0

幅が 840px のラッパー div がある状況があります。
その div 内に、それほど重要ではなく、ラッパー div と重なる装飾要素 (#dekoschrift) を配置しました。その要素から水平スクロールバーをトリガーしたくありません。

おおよその状況は次のとおりです。

<div class="centerer">
    <div id="wrapper">
          <div id="dekoschrift"></div>
    </div>
</div>

CSS:

.centerer { position: relative; width: 830px; margin: 0 auto; height: 100%; }
#wrapper { position: relative; float: left; width: 100%; height: 100%; }
#dekoschrift { 
      background:  url(/images/layout/Variaton_Typogrund.png) no-repeat 0 0 transparent; 
      width: 238px; height: 524px; 
      position: absolute; top: 280px; left: 845px; z-index: 0; 
    }

それはどういうわけか可能ですか？

ラッパー div に「overflow: hidden」を設定しようとしましたが、明らかにグラフィックがカットされています。また、ボディに「overflow-x: hidden」を使用すると、小さな画面でスクロールできなくなるため、使用できません。

実際のページへのリンクは次のとおりです: www.variaton.ch

どんな助けでも大歓迎です！
私が知らない秘密の「display: secretly」パラメータがあるかもしれません?!

乾杯
ステファン

4

3 に答える 3

0

最終的なコードは次のようになります。

   @media all and (min-width: 840px) {
        body {
            overflow-x : hidden;
        }
    }

    @media all and (max-width: 840px) {
        body {
            overflow-x : auto;
        }
    }

ありがとうエイリアンウェブガイ

于 2013-01-31T10:35:21.007 に答える
0

試してみてください

.dekoschrift
{
visibility:hidden;
}
于 2013-01-30T21:48:26.563 に答える
0

メディア クエリを使用します。スクロールする必要のないディスプレイのスクロールを無効にし、必須の場合はスクロール バーをポップすることができます。

body {
    overflow-x : hidden;
}

@media all and (max-width: 1024px) {
    body {
        overflow-x : auto;
    }
}
于 2013-01-30T21:44:57.710 に答える