2012-01-13 10 views
0

コンテンツコンテナに2つのdivが1つ左に浮動し、もう1つが右に浮いています。私は画面の全幅を使用しています。左div幅は1290px、右div幅は625pxです。ときどきページを読み込むときに、スクロールバーは利用可能な画面幅の幅を変更して、左に浮動するdivの下にキャッチされるように右に浮かぶdivを引き起こします。これは、フッターdivを追加した後に発生します。クライアントのオフィスでの広告表示のため、2つのdivの幅を狭くしたくありません。私はフルスクリーンが必要です。ありがとう!スクロールバーを強制的に下に移動

+0

は彼らに両方の左フロート。 –

+0

私はDioduesの提案に同意するでしょう。ただし、Internet Explorer 7(ブラウザの呪いに呪縛)で正しく表示する必要がある場合は、問題が発生する可能性があります。多くの場合、複数のdivが左に浮かぶと、IE7はひどいものになります。あなたは試合IE7を心配する必要がない場合は、私はそれらの両方の浮動に同意するだろう。 これも役立ちます: http://stackoverflow.com/questions/187279/strange-float-behaviour-in-ie7 –

答えて

0

浮動小数点から相対コンテナに包まれた絶対値に切り替えることは可能でしょうか?このような

何かが(私は...サンプルのために幅を短縮): http://jsfiddle.net/perrytew/E6dUj/

<!DOCTYPE html> 
<html> 
<head> 

    <style type='text/css'> 
    #container{ 
    /* width: 1915px; */ 
    width: 200px; 
    position: relative; 
} 

.leftpane { 
    /* width: 1290px; */ 
    width: 100px; 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

.rightpane { 
    /* width: 625px; */ 
    width: 100px; 
    position:absolute; 
    top: 0; 
    /* left: 1290px; */ 
    left: 100px; 
}  
    </style> 

</head> 
<body> 
    <div id='#container'> 
     <div class='leftpane'>Left Content</div> 
     <div class='rightpane'>Right Content</div> 
    </div> 
</body> 
</html> 
関連する問題