2012-03-26 16 views
1

iveはjqueryの小さなライトボックスを作成し、facebookの画像ポップアッププラグインのようなCSSを作成しましたが、私はこの問題を中心にしています。 正直言って、私はCSSがあまりよくありません。ライトボックスのセンタリング - メジャーは

ここに問題があります。あなたの仲間からのステータスの更新が表示されるような更新ページです。 ユーザーがスクロールして画像をクリックすると、ライトボックスは、CSSのいくつかのプロパティのためにダウンを続けています。私は約2日間しようとしている、それを把握することはできません。 私はFacebookの中でどのようにあなたのページで、それが真ん中に現れているのが好きです。 これも同じようにしてください。

あなたはここで、私が何を意味するか理解しない場合はフィドル http://jsfiddle.net/Dwt7k/4/

はあなたが画像を参照してくださいいけない場合、あなたは上のボックスの銀の長方形の並べ替えが表示される場合があります(第2のポスト上の画像をクリックしてみていますオレンジラメ/クール1)

をメーターは、thatsのと私は、あなたがの幅を有するライトボックスラッパーのdivを使用する必要があります

+0

に役立ちます願っています。 – Kyle

+0

私は申し訳ありませんが、ダイヤルアップにはちょうどそのIMと私は時間がかかります正しいものを傾ける。 –

+0

私はあなたのための簡単な解決策に取り組んでいます。 – Kyle

答えて

1

は、あなたのライトボックスを中央に持っているか、そのdowner..Thats問題ご覧ください100%であり、文書フローからそれを取り出すために絶対に配置される。ライトボックスを内側に置くと、そのdivをラッパーの中央に置くことができます。

の直後に<body>タグを置き、残りのコードに干渉しないようにしてください。

あなたはここで実際にそれを見ることができます。

http://jsfiddle.net/Kyle_Sevenoaks/6jFyk/1/

は、それはあなたが混乱複雑な例を作っていませんでした:)

+0

bodyタグを閉じた後にjqueryで追加するつもりですか? –

+0

いいえ、私がフィドルの例で行ったように、bodyタグの直後に挿入してください。 bodyタグの外側に要素があれば、何が起きるかは分かりません:D – Kyle

+0

は、それを中心にしていますが、それでもスクロールするものは扱いません。 3番目の画像では、サムネイルをクリックするためにスクロールする必要があり、ライトボックスが表示されているので、スクロールバックして表示する必要があります。 これに対する解決方法は何ですか? –