私は先週からこのウェブサイトの世話をしてきました(ただし、元のデザイナーはほとんど知りません)。私は主にPHPに取り組んできましたが、何か気になります:
基本的に、メイン ページと全体のデザインは次のようになります。
----------------------------------
Banner
----------------------------------
|Nav | |Div #1 floats right |
| | |80% width |
|float| | |
|left | -----------------------
| | |Div #2 floats right |
| 16% | |80% width (same as #1)|
------- |----------------------|
ウィンドウ サイズを縮小すると、Div#1 と Div#2 がページの下部に移動する特定のポイントまで、すべてが正常に機能し、次のように配置されます。
---------------------------
Banner
---------------------------
|Nav |
| |
|float|
|left |
| |
| 16% |
-------
|Div #1 floats right |
|80% width |
| |
-----------------------
|Div #2 floats right |
|80% width (same as #1)|
|--------------------- |
私はこれが起こってほしくないのですが、残念ながら私は CSS についてあまり知りません。ブラウザが必要以上にページを縮小しないように、div を絶対に配置し、最小幅を記述しようとしました。
CSSを完全に書き直さずにこれを修正する安価な方法はありますか?