-1

バナー スライダーを中央揃えにしようとしていますが、正しく中央揃えになりません。画面の解像度に合わせて margin-left 属性を変更すると、画面の中央にのみ配置されます。しかし、より広い画面に集中することはありません。私のウェブサイトは myusedwheel.com で、これは私が持っているコードです:

<style type="text/css">
#slider{
    margin-left: 195px !important;
    overflow: hidden;
    position: absolute;
    top: 192px;
    width:960px!important;
    height:173px !important;
 }

#navigation{
    position:relative; z-index:999;
 }

 .header-container{
    height:385px;
 }

#controls{
    display:none;
 }
</style>
4

2 に答える 2

0

スライダーを次のようにラップして<div class='slide-container'>使用します。

.slide-container {
    position: relative;
    width: 1200px;
    height: 400px;
    left: 50%;
    margin-left: -600px;
}

margin: 0 auto;で十分な場合もありますがleft: 50%;、要素の幅の半分に等しい負の左マージンを使用すると最適に機能することがわかりました。

于 2013-01-21T22:57:07.763 に答える
0

まず第一に、スライダーで絶対配置を使用する理由はありません。スライダーをコード階層の一番上に移動すると、コンテンツの上にうまく収まります。

そうは言っても、現在のコード構造で修正するには、次のことができます。

  1. に追加position: relativeします.pageline 200styles.css

  2. に変更margin-left_20px#slider

これにより、スライダーがページの中央に正しく配置されます。

于 2013-01-21T17:51:51.527 に答える