2011-10-18 6 views
0

私はこの写真を私のウェブサイトのヘッダーとして使用したいが、ブラウザと互換性のある問題に直面している。IEで欲しいように見えない。クロームで大丈夫だ。画像と2番目div私は背景色としてそれを与えるヘッダーを作成する - IEとChromeのブラウザの互換性の問題。

ここではクロムのように見える方法は http://www.4shared.com/photo/IifrVQyF/chrome.htmlですか? ここでIEのように見えるのです http://www.4shared.com/photo/dDi_KlKS/IE_online.html? 、ここでは、私はここにそれを

<html> 
<head> 
<title>Untitled Document</title> 

<link href="style.css" rel="stylesheet" type="text/css" media="screen" /> 
<style type="text/css"> 
@import"style.css.css"; 
</style> 
</head> 

<body bgcolor="#CCCCCC"> 
    <div id="HeaderLeftDiv"></div> 
    <div id="HeaderRightDiv"> 
     <ul> 
      <li class="current_page_item"><a href="index.php">Home</a></li> 
      <li><a href="#">Photos</a></li> 
      <li><a href="RegistrationForm.php">Register</a></li> 
      <li><a href="#">About Us</a></li> 
      <li><a href="#">Contact Us</a></li> 
     </ul> 
    </div> 


</body> 
</html> 

をしていますどのようにCSSファイル

HeaderLeftDiv 
{ 
    border:"1"; 
    position:absolute; 
    top:12px; 
    left:19%; 
    width:22%; 
    height:13%; 
    background:url(Images/Img1.png); 
} 

HeaderRightDiv 
{ 
    position:relative; 
    top:36px; 
    left:40%; 
    width: 40%; 
    height: 54px; 
    margin-right: 100px; 
    border:3px; 
    background-color:#000; 
} 

答えて

3

であるあなたは、デフォルトでIEが体に余裕を持っているという事実をconideredことがありますか?

body{margin:0} 

問題を修正する必要があります。

+0

私はそれを追加するときに両方で問題が表示されます – sam

関連する問題