布局,CSS表,表格单元格以及旁边列上的丑陋空白

时间:2012-01-06 10:22:21

标签: css html5 css-tables

我在基本Dreamweaver HTML5 3 col固定布局上创建相等高度列时遇到问题。我使用jQuery相等高度列来使列的bg颜色在所有页面上都相同,但是由于我在我的网站上使用的一些脚本与手册“style:height:xpx”不相容,我想添加到文章列中尝试使用display:table,display:table-cell方法。我使用了基本的Dreamweaver 5.5 HTML5模板,除了删除了display:block属性外,保留了所有内容,文章等元素。我在3列附近添加了一个容器div;除此之外,文章和旁边。

一切正常 - 因为背景颜色一直持续到块的结束,这就是我需要的 - 除了麻烦之外,由于某些原因,在旁边的列上,它在13px列的顶部留下了间隙。我不知道为什么会这样。

我已在此处上传文件:http://www.primecuts.org.uk/test.html。如果我删除了<nav>部分,那么差距仍然存在,虽然它看起来并不像“丑陋”,因为bgcolor差异不明显,我希望文本开头和顶部之间没有差距标题的块/底部。任何帮助将不胜感激,我不知道是什么导致了这一点。

1 个答案:

答案 0 :(得分:2)

问题可以通过

解决
.sidebar1 { vertical-align:top; }

间隙与.content文章中的填充有关,因为删除填充消除了间隙,并且填充影响了侧边栏的位置,因为它们都是同一表格行中的表格单元格,但是我承认这是一个愚蠢的解释,我实际上无法确定与此相关的具体CSS要求。