3

私は小さなウェブサイトを構築しているので、ここに私の問題があります:

ヘッダーを含む最初のヘッダー div があります。それは相対的な位置を持ち、内部のものは絶対的な位置ですが、これはあまり気にしないと思います.

そのすぐ下に、ポジショニングが定義されていないメイン コンテナの div と、その中にあるものが<h1>あり<p>ます。各h1をクリックすると、以下のコンテンツが jQuery スライドで開きます。

これがコードです。スライド部分は

$("#container_" + tabName).slideToggle

ポイントは、例で「バギー」と呼んだものと、開発バージョンの他のすべてのもので、アニメーションの最初と最後で jQuery スライドがびくびくしていることです。

定義された幅を設定する必要があることがわかったいくつかの検索を行いましたが、何も変更されませんでした..すでに多くのことを試しましたが、それを行う方法が本当にわかりません。

4

2 に答える 2

1

このフィドルを参照してください: http://jsfiddle.net/8s9VB/

.container_projects .mainSmallText{
  padding-top: 25px;
}
.container_projects .mainSmallSubText{
  font-weight: bold;
}

#container_professionalXP{
   line-height: 3px;
   padding-bottom: 20px;
}
#container_professionalXP .mainSmallText{
   padding-top: 30px;
}
于 2013-01-23T10:19:24.007 に答える
0

基本的には、段落内のマージンの問題です。その一部を編集し、段落内のマージンではなく div にパディングを追加しました。ここに私が編集した1つの部分があります：

#container_professionalXP{
    line-height: 3px;
    margin-bottom: 20px;
    padding-top:30px;
}
#container_professionalXP .mainSmallText{
    margin: 0px;
    padding:0px;
}
于 2013-01-23T10:09:43.480 に答える