我无法将页脚中的文本放置在正确的位置,如下图所示:


我一直在通过模板对代码进行更改,现在文本在上部,并且出现了一些空白点,尤其是在Chrome浏览器中:


网络是here,这些是指向htmlcss的链接

更新:添加了JSFiddle

<footer class="aligncenter">
    <div class="wrapper" id="bottom_footer">
         <h2 class="hidden">xxxx Footer</h2>

        <section>
            <div class="left_column">
                 <h4>OFICINAS CENTRALES</h4>

                <p>xxxxxxx xxxx, 35</p>
                <P>xxxx x</p>
                <p>Tlfo xxxxx Fax xxxx</p>
            </div>
            <!-- left_column-->
            <div class="mid_column"><span class="helper"></span>
                <img src="images/eccWhite_200.png" width="400" height="120" />
            </div>
            <div class="right_column">
                 <h4> xxxxx ESTRUCTURAS SL</h4>

                <p>estructuras construcciones y contratas</p>
                <p>info@xxxx</p>
            </div>
            <!--right_column-->
        </section>
        <!-- class="container"-->
    </div>
    <!-- wrapper footer-->
</footer>


你能告诉我我在做什么错吗?

最佳答案

<footer id="footer">
                    <h2 class="hidden">Ecomir Footer</h2>
                <div class="left_column">
                                  <h4>OFICINAS CENTRALES</h4>
                                  <span>Almirantes Matos, 35</span>
                                  <span>36002 PONTEVEDRA</span>
                                  <span>Tlfo 986869940 Fax 98685362<span>
                </div><!-- left_column-->

                <div class="right_column">
                                  <h4> ECOMIR ESTRUCTURAS SL</h4>
                                  <span>estructuras construcciones y contratas</span>
                                  <span>info@ecomir.es</span>
                </div><!--right_column-->
    </footer>


的CSS

.hidden {
           display: none;
           visibility: hidden;
        }
#footer h4{
    line-height: 1em;
    margin:10px 0 0 0;
}
#footer{
    width: 1100px;
    height: 120px;
    position: absolute;
    bottom: 0;
    margin-left: -560px;
    left: 50%;
    background-color: #CCC;
    background-image: url(http://www.xente.mundo-r.com/turkish/ecomir_2/images/eccWhite_200.png);
    background-repeat: no-repeat;
    background-size: 400px 120px;
    background-position: center;

}
.left_column{
    width: 200px;
    background-color: #FF0080;
    float: left;
    padding: 0 0 0 10px;
    position: absolute;
    bottom: 0;
}
.right_column{
    width: 300px;
    background-color: #FF00FF;
    right: 0;
    bottom: 0;
    position: absolute;
}

07-24 09:46
查看更多