html - ギャラリーが動き回る

Question

メインページにギャラリープラグインがあります-> http://tranceil.fm

これは、次のcssルールに設定されています。

box_skitter {
    position: relative;
    width: 985px;
    height: 560px;
    margin: 52px auto 32px;
    background: black;
}

ウェブサイトを見ると、ギャラリーは正確に配置されていません。少し右に動かしたいです。しかし、これを実行しようとすると、ウィンドウのサイズを変更すると、グリップが失われ、動き回ってしまいます。

サイズ変更を行わずに移動するにはどうすればよいですか？！

score 2 · Accepted Answer

margin の代わりに left プロパティを使用する

 box_skitter {
  position:relative;
  width: 985px;
  height: 560px;
  left: 52px;//will move the div to 52px right
  background: black;}

編集: box_skitter は HTML 要素ではないため、ID の場合は

 #box_skitter {
      position:relative;
      width: 985px;.....

クラスだったら

.box_skitter {
  position:relative;
  width: 985px;....

score 1 · Accepted Answer

これを試して

.box_skitter {
position: relative;
width: 985px;
height: 560px;
margin: 52px auto 32px;
background: black;
left: 19px;
}

2 に答える 2