css - IE と FF でスライドショーの位置が低すぎる

Question

単純に上に移動しようとしているこのスライドショーがありますが、上に移動するために正しく配置できません。現在、このすべての空白があります。誰かが私が間違っている場所で私を助けることができますか? 空白を確認するには、Firefox または IE で表示してください。もちろん Chrome でも動作します。b/c すべてが Chrome で動作します。

http://modernd-i.com/

css で position を使用しようとしましたが、これらのブラウザーでは動きません。

Answer 1

レイアウトにテーブルを使用しているようです。<td>画像ギャラリーを含むには、垂直方向の配置が に設定されてvertical-align: baseline;おり、html でvalign="top"それを変更すると機能します。IEではなく、Firefoxで確認しました。

Answer 2

styles.cssの4行目には次のものがあります。

...tfoot, thead, tr, th, td {
background: none repeat scroll 0 0 transparent;
border: 0 none;
margin: 0;
padding: 0;
vertical-align: baseline;   /* this is what is causing it */
}

最後のものを次のように変更します。 vertical-align: top

グローバル宣言としてのベースラインは、意図的でない限り、最善のアイデアではありません。

お役に立てれば。

Answer 3

これはうまくいくはずです：

#yourslideshow {
    position: relative;
    top: (-X)px;
 }

*-X はピクセル数を表します。

あなたはjsfiddleを持っていないので、正確にいくらかは言えません。しかし、top を使用すると、それはスライドショーとページの上部の間にあるピクセル数です。(負の値を使用せずに、bottom を使用することもできます)。

元。

#yourslideshow {
    position: relative;
    bottom: (X)px;
 }

あなたが位置を使用したと言ったのは知っていますが、指定しなかったため、どのタイプの位置を使用したかわかりません.

それから

位置がまだ機能しない場合は、正の margin-top または負の margin-bottom を試すことができます

#yourslideshow {
    position: relative;
    margin-bottom: (X)px;
 }

また

#yourslideshow {
    position: relative;
   margin-top: (-X)px;
 }