ウェブページのフォーマットに関する問題

私には2つの問題があります。最初の1つは、FF、IE、トップのimgとロゴの間にクロムが入ることです。 2番目の問題はIEにのみ現れ、ロゴの周りには境界線があります。私は間違って何をしていますか？ウェブページのフォーマットに関する問題

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>2E Network - Home</title> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<div id="wrapper"> 
    <div id="header"><img src="Images/top_page.png" width="963" height="29"><div id="logo"><a href="/" id="logoimg"><img src="Images/logo.jpg" width="921" height="272" alt="Logo" longdesc="/index.php"></a></div> 
    </div> 
    <div id="main"> 
    </div> 
    <div id="footer"><img src="Images/bottom_page.png" width="963" height="50"> 
    </div> 
</div> 
</body> 
</html>

洗面所独立CSSスタイルシート

body { 
background-image: url(Images/bkg.png); 
background-repeat: repeat-x; 
} 
#wrapper { 
width: 963px; 
margin: auto; 
} 
#main { 
background-image: url(Images/wrapper_bkg.png); 
background-repeat: repeat-y; 
} 
#logo { 
background-image: url(Images/wrapper_bkg.png); 
background-repeat: repeat-y; 
} 
#logoimg { 
margin-left: 15px; 
}

Check the current page here

出典

2010-12-07 Sean

ギャップを修正するには、表示するトップイメージを作成します。、あなたはここでそれを見ることができます国境

http://www.jsfiddle.net/CcvTD/2/

編集：境界があまりにも削除され

出典

2010-12-07 05:04:39 Breezer

いい仕事ブリーザ:) –

あるので、更新あなたが歓迎しているのは、あなたが探していたものであれば、これは答えたことを自由に感じることができます：D – Breezer

Woa、それはあなたが見つけた非常にクールなプログラムです。唯一の問題は、画像がシフトされたことです。 – Sean

これは国境を取り払うます：

#logoimg img { 
    border:0px; 
}

ギャップを修正するには、試してみてください。

#header img, #logo { 
    margin:0px; 
}

出典

2010-12-07 04:58:35

が国境を処分したが、ギャップがまだ – Sean

ウェブページのフォーマットに関する問題

答えて

関連する問題