2017-07-27 12 views
-1

私はブロガーのために全画面幅画像スライダを作成するためにシンコパを使用しました。私はこのコードを使用:ヘッダーとメインのブログ投稿の間にあるように、HTMLガジェット/ウィジェットの下にスペースを作成するにはどうすればいいですか?

#HTML4 { 
    position: relative; 
    top: 0; 
     right: 0; 
     bottom: 0; 
     left: 0; 


} 

をそしてそれはこのように見てしまった: image of their issue #1

しかし、あなたは細心の注意を払っているのであれば、両側に白い余白が残っています。これは実際のフルスクリーンのヘッダーではないことを意味します。私は固定位置が実現可能ではないことを知っているので、私はウィジェットをスクロールできるようにしたい、私は絶対的な位置を使用した。

#HTML4 { 
position: absolute; 
top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 


} 

しかし、これは私のメインブログとサイドバーの背後にあるようになってしまった。

image of their issue #2

だから私は、Z-インデックスを変更し、まだ、それは私のメインの記事と重複します。しかし今回は、後ろにではなく、私のメインポストの前/上にあります。

インタラクティブで、フルスクリーンのように、スライダーに関するすべてが既に完璧です。しかし、新しいコードの上端と下端をどれだけ変えようとも、上向きにはなりません。スライダーを私のヘッダーと私のサイドバーとメインブログポストボディの間に入れて、メインブログポスト本体とサイドバーを一番下に動かさないでください。はい、私はこれが起こるために相対的な位置を作る必要があることを知っていますが、あなたが見ることができるように、私は相対的な位置を作るとき、スライダのウィジェットはフルスクリーンになりません。絶対位置に設定されていて絶対位置に設定されているだけですが、メインの投稿とサイドバーをプッシュするのに十分なスペースがあるのではなく、ブログのメインの投稿とサイドバーと重なっています位置が相対的に設定されているときと同じように、下に移動します。

これをどのように修正できますか?など、私の目標は、HTML4は、任意の側縁を持つべきではないという意味、フルスクリーンの画像スライダーを作成することですが、あなたはそれを過ぎてスクロールすることができますので、それはまた、比較的配置しなければならない

は今までならばありがとうございます!

答えて

0

質問にさらにコードを追加できますか?ところで

...あなたのサイドバーに

position:relative; 

を試してみてくださいしかし、あなたは視覚化するためのより多くのコードを追加する場合いただければ幸いです。

関連する問題