2011-09-13 3 views
2

私は作成しているレイアウトに問題があります。特定の解像度では(またはズームインした場合)、divボックスのアウトラインがどこにあるかを確認できます。ここでいくつかの解像度のWebレイアウトの線

は、見えるようになっているものです: expected behaviour

ことはここではいくつかの解像度(またはズームアップ)で次のようになります。

observed behaviour

あなたがウェブサイトを参照する必要がある場合、それはですhere、明らかにまだ完成していません。解像度に基づいて問題がすぐに表示される場合がありますが、拡大したり、解像度を変更したりすることはできません。

これは簡単な解決策の共通の問題だと思います。ご協力いただきありがとうございます!

+0

どのブラウザをお使いですか? Firefox 6では、どのズームレベルでも表示されません。そのブラウザがそのページをどのようにレンダリングするかには問題があるかもしれません。 –

+0

@ Jake223:Chromeをズームインすると線が表示されます(ズームしない場合は表示されません)。 – icktoofay

+0

興味深い、ちょうどFirefoxでテストされ、あなたは正しいです。私はChromesとIEのページをテストしました。私のHP Touchpadのブラウザと、Androidの携帯電話(小さな画面ではほとんど見えないブラウザ)をテストしましたが、Firefox以外のすべてのブラウザに表示されますこれらの行が表示されます。 – finec

答えて

0

#righthandfloat:leftに変更すると、右側の縦線が消えます。

#righthand { 
    width: 368px; 
    height: 373px; 
    background: url("../img/right.png"); 
    float: right; // CHANGE TO LEFT 
} 

そして、あなたはあなたの#tpheight:248pxに変更した場合、他の水平線が消えます。

#tp { 
    width: 1024px; 
    height: 249px; //CHANGE TO 248px 
} 
0

それがダウンした前に私がサイトを見てするのに十分な時間を持っていなかったが、私はそれが

背景設定するのと同じくらい簡単かもしれないと思う:透明のURL(IMGSRC)ノー・リピート左上を;

cssの背景画像の略語はその場でロックされます。それ以外の場合は、私はあなたが持っていることを確認します

マージン:0; パディング:0;

正確な幅を指定し、画像をスライスしたときに正確な幅になるように、作成されたカットがグリッドに確実に適用されるようにします。

+0

私はこれを見ていきます、ありがとう:) – finec

関連する問題