単純なコーディングであることは知っていますが、私はそれを考えすぎていると思います。これが私がテーブル情報のために持っているものです:
<table width = "1000px" cellspacing = "5">
1366 x 768のすべてのブラウザでの私の解像度では見栄えがしますが、1280 x 720の解像度では、上部の背景画像が途切れます。当初はテーブルだと思っていたのですが、その周りにボーダーを入れても途切れてしまいました。それはほとんど常識に反しています(言い換えれば、より大きな解像度でより多くの「水色」の色の背景が表示されませんか?繰り返しますが、私は1つの考え方に固執していると思いますが、ワイドスクリーンモニターで理由を特定できません。画面ですが、小さいモニターでは表示されません。
body {
background-color: lightblue;
margin: 0;
}
#top {
width: 100%;
height: 200px;
position: relative;
background-image: url('lightblue.jpg')
}
#bottom {
width: 100%;
height: 50%;
position: relative;
z-index: -1;
}