画像が正しいです解像度のCSSディメンションはブラウザで正しく表示されません

Question

私はウェブページのレイアウト用のセットアップをしており、1920x1200の画面解像度で行っています。

適切なページ表示はこのように見えるように設計されました：

http://cl.ly/3Q0I2R0q0q1E3v230k3w

残念ながら、レンダリングはよりこの（すべてのブラウザではなく、ウェブ式スーパープレビューを経由して閲覧だけIE、画像のように見えるようです）： http://cl.ly/0Z2K3s3Q462s163v0303

ここではこれらのためのdivタグのCSSです：

#gsquare 
{ 
    width: 1366px; 
    height: 927px; 
    position: absolute; 
    top: 14%; 
    left: 15%; 
    background-image: url("../images/1920x1200/gradientsquare.png"); 
    background-repeat: no-repeat; 

    z-index: 15; 
} 

#wsquare 
{ 
    width: 1326px; 
    height: 900px; 
    position: absolute; 
    top: 1.5%; 
    left: 1.5%; 
    background-image: url("../images/1920x1200/whitesquare.png"); 
    background-repeat: no-repeat; 
} 

上部と下部のグラデーションの背景のピクセルの高さはそれぞれ171pxです。中央勾配の正方形は1366x927に、白い正方形は1326x900に設定されています。これらの数字は、私が見ているものから数学的に足りないので、ここで何が起こっているのか分かりません。また、CSS3のセレクタのほとんどがWDステータスのままであるため、このサイトでCSS3を使用することはできません。それは許可されていません。

この問題に関するアドバイスは非常に高く評価されます。このような場合には、視覚資料が非常に役立つので、コードで説明してください。

Answer 1

私はあなたの画像の両方を見ました。希望の結果を得るために、位置を少しだけ変更することができるようです。しかし、（イメージとすべてのサポートマークアップを含めて）見るためのコードがなくても、問題が何であるかを確実に言うのは難しいです。あなたはそれから始まるものの実現します

：

position: absolute; 
    top: 1.5%; 
    left: 1.5%; 

対

position: absolute; 
top: 14%; 
left: 14%; 

は、上から配置の面で異なっています。 15％ダウンと1.5％ダウンの2つの異なる出発点が得られるので、計算に合わせて調整する必要があります。