我与我的网站挣扎，我试图让在底部的div在中心去。正文部分居中并显示正常，只有文本不会在中心对齐的页脚。有没有人有任何想法我做错了什么？股利定心CSS

这是我的css代码。

#footer{ 
float: left; 
width: 100%; 
height: 100px; 
background-image: url(images/jf_footer.png); 
color: #C7C7C7; 
font-size: 0.75em; 


} 

#footercontainer{ 
width: 960px; 
margin:0px auto; 
margin-top: 20px; 
} 

#footertext{ 
float: left; 
text-align:center; 
margin-top: 15px; 
color: #C7C7C7; 
font-size: 1em; 
} 

#footerlinks{ 
float: left;  
}

HTML：

<div id="footer"> 
    <div id="footercontainer"> 
     <div id="footertext">Copyright NV Blinds 2012</div> 
     <div id="footerlinks"> 
      <ul> 
       <li>Home</li> 
       <li>About</li> 
       <li>The Collections</li> 
       <li>Distributors</li> 
       <li>Our Team</li> 
       <li>Contact</li> 
      </ul> 
     </div> 
    </div> 
</div>

来源

2012-02-23 user1061995

哪里是你的HTML部分 – 2012-02-23 13:52:26

添加一些HTML代码，并请提供_minimal_例如，大多数的CSS显示不会影响的问题，我想的div。 – Sirko 2012-02-23 13:53:23

你可以添加基本的标记，因为CSS本身并没有真正意义。同时清洁css来保持相关部分而已。 – 2012-02-23 13:53:31

它很难猜你是寻找什么..我已经对准通过网站上的链接方而#footerContainer在中心 - 你可以检查它，如果窗口大小超过960px ..嗯，说得够多了 - 检查演示

DEMO

来源

2012-02-23 15:59:34

谢谢解决 – user1061995 2012-02-23 16:21:41

不知道你的HTML，但我想这可能是因为你使用float：留在您的页脚相关的样式。

我认为你不会在居中对齐文本的主要原因是，使用浮在容器（DIV）将让他们有宽度等于内容，但不是100％。

所以，因为它已经采取了全尺寸文本对齐（只对行内元素，如链接，跨度，投入效果），无法使在中心的内容。

我想这个问题是在这里：使用浮动：左文本对齐的结合：

#footertext{ 
    float: left; 
    text-align:center; 
}

来源

2012-02-23 14:05:24 kingpin

。不幸的是仍然在右边。我基本上要在div {#footerconatiner是960像素宽在页面上居中，在footertext将会最远的那一刻离开 – user1061995 2012-02-23 14:22:49

– user1061995 2012-02-23 14:24:01

你想这样的事情？ HTTP：//的jsfiddle。net/rdrzf/ – 2012-02-23 14:26:10

见下与笔记我的CSS。我已经包括了你所需要的最低限度，以获得我认为是你想要的效果。（如果你想同时得到#footertext和#footerlinks是在同一条线上，只需添加display:inline到两个IDS。

#footer { 
    width: 100%; 
} 

#footercontainer{ /* corrected spelling to match HTML id */ 
    width: 960px; 
    margin: 0px auto; /* horizontally centers div */ 
} 

#footertext{ 
    text-align: center; /* horizontally center text */ 
} 

#footerlinks{ 
    text-align: center; /* horizontally center text */ 
} 

#footerlinks ul { 
    list-style: none; /* remove bullets from list */ 
} 
#footerlinks ul li { 
    display: inline; /* make li elements inline */ 
}

来源

2012-02-23 16:02:11 Moses

感谢您的帮助，排序 – user1061995 2012-02-23 16:22:27

股利定心CSS

回答

DEMO

相关问题