0

私が抱えているこの問題を解決するのに苦労しています。基本的に、ロゴ画像が左右1pxの白で表示される理由がわかりません。

テストとして、そのロゴ画像を背景が黒の空白のページに配置して、白の余白がないかどうかを確認しました。大丈夫そうです。

したがって、問題はdivタグのどこかにあると思います。

私のコードは次のようになります。

HTMLコード：

<div id="wrapper">
    <div id="top_header">
       <div id="logo"><img src="img/logo.jpg" align="left" alt="Logo"></div>
       <div id="title">BlaBla <br>Blah</div>
       <div id="contact"> E-mail: blabla@mydomain.tld<br> Phone: 0980980984324 </div>
    </div>
<!-- ... rest of the code -->

CSSコード：

#wrapper {
  margin:      0 auto;
  width:       978px;
  _height:     100%;
  min-height:  100%;
}
#top_header { 
  padding-top:     12px;
  /*padding-bottom:  5px; */
  margin:          0;
  overflow:        hidden; 
  width:           978px; 
  background-color:#C50918;
  display:         block;
}

div#logo img {
  float:          left;
  margin:         0;
  padding:        0;
  /*padding-bottom: 6px; */
  overflow:       hidden; 
  display:        block;
}
#title {
  font:            "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:       18px;
  vertical-align:  middle;
  color:           #FFF;
  text-decoration: none;
  margin:          0;
  padding-left:    20px;
  display:         block;
}

#contact {  
  background:      url(../img/phone.jpg) no-repeat scroll left transparent;
  float:           right;
  font:            "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:       12px;
  text-align:      right;
  color:           #FFF;
  text-decoration: none;
  margin:          0;
  padding:         0;
  display:         block;
}
4

1 に答える 1

0

#logo {border：none;を試してください。}

また、borderを使用します： "div＃logo img"、idにはありません。

画像を確認してください。これは端に白い線がある可能性があります。

これはどのブラウザで発生しますか？

于 2012-10-25T14:44:13.897 に答える