0

軌道スライダーがほぼ完璧に機能するようになったので、新しい問題を発見しました。メインブラウザとしてクロムを搭載したMacBook Pro 13インチを使用しています。すべてがクロムで問題ないように見えます。しかし、私は（よく知られているWebサイトで）ブラウザーテストを行いましたが、いくつかのブラウザーでスライダーまたはページが本来のように中央に配置されていないことがわかりました。

私の質問ですが、誰かがこれを解決するのを手伝ってくれますか? 私のページとスライダーは両方とも中央にあります。ちょっとしたテストなので、単一の画像で構成される Web ページを使用しています。ただし、テストを完了するには、中央に配置する必要があります。

サイトへのリンク

本文とコンテンツを配置する CSS (コンテンツには画像が含まれます)

body
{
background-image: url("../afbeeldingen/bg.jpeg");
margin-left: auto;
margin-right: auto;
text-align:center; /*For IE6 Shenanigans*/
}

#content 
{
width: 100%;
}

そしてスライダーへ

#featured
{
position: absolute;
top: 152px;
left: 218px;
}

前もって感謝します

4

2 に答える 2

2

あなたはdivを中央に配置するために絶対測位を使用していますが、これはそれを回避する方法ではありません。これにより、画面解像度のみが中央に配置されます。中央に配置する場合は、width: 850px; margin: 0 auto;

于 2012-10-17T10:26:50.403 に答える
1

まず、本体から幅と高さを取り除きます。
あなたの軌道スライダーは絶対位置を使用します。これは、あなたの体である親の相対位置を見つけることを意味します。それでは、コンテンツdivを次のように変更しましょう。

#content { 
position: relative;
margin: 0 auto;
width: 1030px;
}

この行全体を削除することもできます。

#featured
{
position: absolute;
top: 152px;
left: 218px;
}

それが今のところどうなるか見てみましょう。

于 2012-10-17T10:30:14.743 に答える