2012-04-08 8 views
0

ウェブサイト:http://viewlike.us/をご覧ください。 1920x1200 - ほとんどの場合ヘッダー(入力フォームと送信ボタンを含むdiv)はもう100%ではありません。このような状況を避けるには? Iveはwidth:100%!important、min/max widthを使用しようとしましたが、成功しませんでした。私はそれを避けるために小さなトリック/修正やsthがあるはずだが、アイデアの不足と苦労していると思う..ありがとう〜!アニメーション後CSS 100%の幅が機能しない

+0

私は本当に問題が何かを理解していません。送信ボタンが私が何をしているかに関わらず同じ場所に留まるように思えます。 –

+0

@Victor:解像度を最高にした後で、画面の一部をhttp://imageshack.us/photo/my-images/4/26078580.pngにしてください。 –

+0

Linux上でFirefox 11でもGoogle Chrome 18でも最高の解像度に切り替えると、その動作が表示されません。どのブラウザを使用していますか? (ちなみに、別の解像度として1920x1080を追加したいと思うかもしれませんが、正直言って1920x1200よりも一般的だと思います:) –

答えて

0

widthプロパティのデフォルト値は、ほとんどの要素ではautoだと思います。この場合、<div>はその親要素の100%に拡大しています。その場合は<body>です。 <body>タグにはwidthが定義されていないため、デフォルトではブラウザウィンドウの100%になります。したがって、解像度選択バーの下にあるページの幅がブラウザウィンドウの幅よりも大きい場合でも、上部バー(URLエントリと解像度の選択)はブラウザウィンドウの幅になります。そのため、右にスクロールすると、そのエッジが表示されます。

あなたの上部バーには、とCSSプロパティtopleftを組み合わせて試してみるとよいでしょう。そうすれば、ページを右にスクロールしても、それらのバーが画面上に表示されます。 (私はその潮風を試して、それは動作するはずです)

私はあなたを助けることを願っています!

関連する問題