margin:100%;でウィンドウ外に表示する方法

Question

タイトルだけではうまく説明できず、わかりづらくなったにも関わらず
閲覧していただきありがとうございます。

パソコンのウィンドウを最大にした時にヘッダー・フッターを画面いっぱいに表示したいとおもいヘッダー・フッターのブロックをwidth="100%"にしました。

ヘッダー内にはカテゴリや概要ボタンを入れる予定です。

もちろんこのままではウィンドウを小さくしたとき(例えばウィンドウの幅を画面の半分にして開き、もう半分にエクスプローラーを開いて作業するときなど)にも、その幅に合わせて100%になるので、ボタンに入れているテキストがキュッとなり改行されてしまいます。
ウィンドウを最大にした時は画面いっぱいにしつつ、縮めたときには画面外へ出るようにしたいです。

言葉足らずで申し訳ありませんが解決策ありましたら宜しくお願い致します。

<div class="header">(header案内)</div>

.header{
  background-color: #3e3e3e;
  width: 100%;
  height: 150px;
}

Answer 1

コンテンツ作成のウィンドウはそのままで、「別ウィンドウ」でエクスプローラーを開けば良いのでは？

Comments

[ryobu]

ありがとうございます。
私が作業するときではなく、人に見られる用のページなので私以外の人がウィンドウを並べて表示させる場合がありますのでそのようなプログラムにしたいなと思いました。
ウィンドウをいくつも並べて作業する方が多いと聞いたことがありますので(私はブラウザは最大表示で別ウィンドウを上に出してエクスプローラーを開く方が作業しやすいですが…)
無事解決致しました。ありがとうございました！

Answer 2

jQueryかなにかでブラウザの幅を取得、min-widthに設定してやるのがよいと思います。

Comments

[ryobu]

min-width設定をしたら無事解決致しました！
ありがとうございました！