Chromeのサイズ変更CSSの背景URL画像

私はGoogle Chrome 3.0.196.2を使用していますが、何らかの理由で#main divの背景が少しでも小さくなっていることに気付きました。他のすべてのブラウザでうまくテストされますが、クロムがテストされます。Chromeのサイズ変更CSSの背景URL画像

誰でも知っていますか？サイトへ

リンク：link text お知らせ右側にある緑色が遮断だけでなく、物事が並んされていません。link text

でもスクリーンショットを持っています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<HTML> 
<HEAD> 
    <STYLE type="text/css"> 
     #main { 
      border: 10px solid black; 
      height: 300px; 
      width: 1000px; 
      margin-left: auto; 
      margin-right: auto; 
      padding-top: 50px; 
      background: #AAA url("http://www.ipalaces.org/weird/mainbg.gif"); 
     } 
     #picture { 
      border-top: 1px solid #EEE; 
      border-bottom: 1px solid #EEE; 
      height: 100px; 
      width: 1000px; 

     } 
    </STYLE> 
    <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <TITLE>Imperial Palaces</TITLE> 
</HEAD> 
<BODY> 


<DIV id="main"> 
    <IMG id="picture" src="http://www.ipalaces.org/weird/mainbg.gif" alt="picture"> 
</DIV> 


</BODY> 
</HTML>

出典

2009-08-06 ParoX

が、これはあなたのコードからまっすぐです：たぶん、アウトラインのプロパティのカップルでも、チャックは何が起こっているのかを正確に確認するには？ #mainの定義の最後にセミコロンがないため、問題を解決することはできません。セミコロンは重要ではありません。 – fixmycode

セミコロンを追加しました。 – ParoX

これはクローム2で[OK]を動作しているようだ：http://skipall.com/2vb.jpg
クローム3はベータ版で、それはこれが（もちろん、私はわからないんだけど、）単にバグです可能だままであることを覚えておいてください。

出典

2009-08-06 08:54:23 Kobi

デバッグするには、パディングとボーダーをゼロにして差異をチェックしてから、DIVタグをIMGに置き換えて、それがコンテナかIMGかどうかを確認してください。

#main { 
    padding: 0; 
} 
#picture { 
    border: 1px solid #EEE; 
    border-width: 1px 0; 
} 
/* and later... */ 
#main, #picture { 
    outline: 1px solid red; 
}

出典

2009-08-06 11:35:35 searlea

Chromeのサイズ変更CSSの背景URL画像

答えて

関連する問題