人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

[HTML/CSS]IE以外でのブラウザで。ウインドウサイズが横スクロールが必要な幅のとき、背景色(画像)とボーダーが横にスクロールした先で切れてしまいます。floatしてるのが怪しいとは思うのですが、検索してもソースをあーだこーだ弄っても僕の力では解決できませんでした。htmlとcssのソースは長くなるのでコメント欄に記述します。テスト用のファイルは下記URLにアップロードしておきました。
http://tadateto.net/test.html
http://tadateto.net/test.css
どなたかお助けを!

1211179807
●拡大する

●質問者: melondog
●カテゴリ:ウェブ制作
✍キーワード:CSS HTML IE URL アップロード
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● pahoo
●60ポイント

#header で background-image 指定されている http://tadateto.net/img/header_204.png が、横スクロール時に切れてしまうというご質問でしょうか。

だとすれば、#header ブロックで width 指定していないことが問題だと思います。


その他のブロックと思われる p.description や #header-inner で値の異なる width を指定しているようですが、#header の width はこれとは無関係に決まります。背景が切れないようにするためには、明示的にに width 指定をしてやる必要があります。

◎質問者からの返答

はい。background-colorの指定が抜けていました・・。おっしゃるとおり横スクロール時にheader_204.pngが切れてしまうことに困ってました。

アドバイスどおり、#headerとbodyに{min-width: 920px;}を指定することで、意図した表示をすることが出来ました!ありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ