0

これは、クロムやIEでは発生していません。代わりに、Firefox はフッターの後に 50px を追加しています。分析要素とfirebugを使用すると、そのスペースがhtmlタグの外側にあることが示されています。ここにリンクがあります: http://www.sociallab.ro/index_romana ありがとうございます!

html:

<html>
 <body>
  <div id="main">
  </div>
  <footer>
    <a href="http://www.messagelab.ro" target="_blank"><div class="message_lab"><img src="images/logo_mic.png" alt="Tineret in Actiune"/></div></a>
  </footer>
 </body>
</html>

CSS:

html{ 
 margin: 0;
 padding: 0;
}
footer{position:relative; 
 top: -50px; 
width:1060px; 
height:50px; 
overflow:hidden;
text-align: center;
margin:0 auto;
padding:0;}
body{
     margin-top:0px;
     margin:0 auto;
     padding:0;
     text-align: center;
     height: 1950px !important; 
background:url(../images/bg.png) left top repeat; }
4

2 に答える 2

3

いくつかのこと：

  1. <div>タグ内にタグがあってはなりません<a>。
  2. heightforbodyとがあり#wrapます。
  3. の場合はfooter、を削除して、ネガティブにtop: -50px;置き換えてください。marginmargin-top: -50px;

フッターリンクを中央に揃えるには

divを使用せずに、次のように使用します。

<footer>
    <a target="_blank" href="http://www.messagelab.ro">
        <img alt="Tineret in Actiune" src="images/logo_mic.png">
    </a>
</footer>

そしてCSS：

footer a {display: block; text-align: center;}
于 2012-09-30T14:25:31.077 に答える
2

top：-50pxを使用する代わりに、フッターにmargin-top：-50 pxを使用すると、問題が解決します。

于 2012-09-30T14:24:00.583 に答える