2013-09-25 98 views
1

我正在一个网站上工作,无论我做什么,我似乎都无法获得侧面导航栏的重复。因为酒吧是浮动的,我创建了一个图像并让它重复。但它不会。我错过了一步吗?侧面导航栏不会重复?

下面是条代码:

#leftColumn { 
    margin-top:0; 
    padding-top:30px; 
    background:url(http://www.cnam.ca/uploads/images/left-column2.png); 
    background-repeat: repeat-y; 
} 

您可以在这个网站http://www.cnam.ca/annual-workshop

+2

因为图像是纯色,为什么不使用颜色代码(例如'#00FFEE')? – Joren

回答

1

综观Chrome开发者工具#leftColumn元素检查出的问题,我看到的问题是与div的高度,而不是背景图像。您的div高度仅包含所有内容的高度。随着背景图像重复,向该元素添加高度:600px证实了这一点。

您应该查看虚拟列以获得您要查找的结果。 http://alistapart.com/article/fauxcolumns