CSSを使った擬似フレームを使ってサイトを作成しています。
色々な要素を盛り込んだせいか、ブラウザの表示横幅が狭いとブロックから文字ははみ出して
見苦しい状態になってしまいました。
右表示固定で背景画像も使っています。
何か心当たり、参考になるサイトがありましたら教えてください。
htmlとCSSを見てみないと状況がよくわかりませんが・・・。
ブロックの大きさは変わるのに文字の横幅が変わらないってことですか?
とりあえず文字を囲んでいるタグ(
とか)にwidthを指定して、大きさが変わってしまうブロックはwidthを指定した文字を囲んでいるタグより大きいwidth値をつける(min-widthなどで幅を確保するなど)。
最近は、body タグの直後に一度ページ全体を div タグで囲い、
CSS で固定幅の指定を行うのが一般的じゃないでしょうか?
したがって、ユーザーがブラウザをその固定幅以下にした場合でも
横スクロールバーが表示されるだけで、コンテンツの構成(表示)は変わりません。
(大きめにした場合でも中央に表示できますし)
参考サイトについては大手企業はどこでも同じことやってるので
思いついたメーカーのサイトを見てみればよいと思います。
<body>
<div id="koteihaba">
<div>左側のコンテンツ</div>
<div>右側のコンテンツ(メニュー?)</div>
</div>
</body>
こんな構成です。ヘッダとかフッタなどは省略してます。
以下URLはダミーです。
ありがとうございます。
勉強します。
IE6のCSSに対するバグ?のようで、Firefoxでは普通に表示されたので・・・
でも、そんなこと言っちゃいられないので教えていただいたサイトなどを参考に修正したいと思います。