2014-04-19 200 views
0

我正在一个新网站上工作:http://www.artexe.sk/cpm不同的100%表格宽度比divs 100%宽度

网站的“右侧”由绝对位于相对的div中的9个图像组成。它的宽度设置为100%,并且每行图像的宽度应为33%

现在在这些图像下,我们有#footer这就是div,它有宽度100%问题:在这个div,有一个table也有100%

#footer { 
    position: relative; 
    width: 100%; 
} 

#footer table { 
    width: 100%; 
    margin: 0px; 
    padding: 0px; 
} 

宽度当我看看我的笔记本电脑#footer的宽度为1012pxtable具有1011px!这怎么可能?当您在设计中查看时,图像的右侧应与table中第一个td的右侧相同。

我也有一个问题:当我尝试设置的1012px固定宽度在桌子上所以每td337px33%)的宽度。图像的宽度也为33%,它们的像素宽度为334px!这怎么可能?

编辑! 这是网站的右侧CSS

#rightbody { 
position: relative; 
float: left; 
width: 75%; 
} 

当我删除宽度:75%,表格的宽度是一样的父母DIV但宽度是重要

+1

为什么要使用表格?这不是数据。使用浮动的div。 – JohanVdR

+0

我正在使用表格,因为td显示为表格单元格,它有它的高度,我可以使用垂直对齐中点 –

+0

您可以使用display:inline-block和vertical-align:middle http://fiddle.jshell.net/nE3rY/6/ – JohanVdR

回答

0

尝试把

table-layout:fixed 

到您的表的CSS。我以前几乎有同样的问题,它为我工作。 希望这有助于。

+0

我试过它#footer表,并没有工作 –