ＰＣ画面を縮めるとレイアウトが消失します！

0   名前： こーじ ： 2006/11/25（土） 15:46  ID:z30mAXGi
どうかご指導よろしくお願いします。
今困っている現象があります。

「ヘッダー」と「レフト」と「センター」があるのですが
画面を縮めると「センター」の枠線や文字、画像全てが消えてしまいます。
正確には「レフト」の下側に行ってしまいます。

画面を縮めてもレフトの下に回りこまないようにしたいのですが
どうしたら良いか分かりません。

全体の「base」にあたる部分に「absolute」を使ったら
今度はレイアウトが崩れてしまいます。
できたら今の状態で、どこかのタグのみいじるだけで
修正したいのですが無理でしょうか？

「センター」の中にある多くの子ボックスは
「float: left;」を指定しています。
端にきたボックスは解除もしています。

さっき全体の大きさをテーブルの枠線で囲ってみたら直るかと思いやってみたのですが
何故かヘッダーの下にテーブルの枠線がきて
そのテーブルの枠線の下側にレフトとセンターがきてしまい失敗しました・・・・・・

非常に機械オンチで分かりにくい質問をして申し訳ありませんが
何でも結構ですので情報をいただけないでしょうか？
どうかよろしくお願いいたします。
1   名前： イサ ： 2006/11/25（土） 15:46  ［URL］  ID:0yJG31Zh
実際のページか当該ページのソースを提示されれば回答できるかもしれません。
2   名前： こーじ ： 2006/11/25（土） 15:46  ID:z30mAXGi
＞イサさんへ
イサさんお礼を述べるのが遅れて申し訳ありませんでした。
ＣＳＳが作りかけでしたにで
作り終えるまで待ってました。
アドバイスありがとうございました。
ＵＲＬ出しますのでよろしくお願いいたします。
3   名前： こーじ ： 2006/11/25（土） 15:46  ［URL］  ID:z30mAXGi
こちらにＵＲＬを書かせていただきました。
どうか診断よろしくお願いします。
ＣＳＳファイルは
http://www.geocities.jp/asitaba_koji/index.css
にあります。

僕のサイトは少しでもウィンドウを縮めると
センター（本体）の画像がレフトの下に回りこみ
消えてしまったようになります。

ウィンドウを縮めても消えない（回り込まない）ようにしたいのですが
どこをどう直したら良いでしょうか？

こちらの過去スレで<body>の後に<width>を指定してみるやり方や
<float: left>を<float:right>に変更してみたり

全体の枠線にあたる<base>をabsoluteにしたりやってみたのですが
どうしても解決いたしません。

すごく機械オンチなので
できましたら具体的にどこをどう変えたら良いか
どうか、ご教授お願いできますか？
よろしくお願いいたします。
4   名前： くいん ： 2006/11/25（土） 15:46  ID:nM/3KUU4
classのbaseのwidthの指定が「990」と数字だけだったので、「990px」と単位もつけるとどうでしょうか？

.base{
      width: 990px;
      height: 2900px;
      margin:0px auto 0px auto;
      background-image : url(kurukuru1.gif);
      background-repeat : repeat;
      
}

5   名前： こーじ ： 2006/11/25（土） 15:46  ID:z30mAXGi
＞くいんさんへ

くいんさん、早速アドバイスくださって本当にありがとうございます。
すごい機械オンチでゴチャゴチャしたＣＳＳなのに
丁寧に見てくださって本当に感謝しております。

今アドバイスいただいたことを実行してみたら
解決できました〜！
すごい初歩的なことに目が止まらず恥ずかしいです。

すごい悩んでたので、これでやっと休めることができそうです。
くいんさん、本当に本当にありがとうございました。
一覧へ戻る