960网格和jquery帮助
作为一个班级小组项目,我负责前端,而其他成员则负责后端。我正在使用 24 列 960 网格系统来尝试定位所有内容。这是我第一次真正使用 CSS 和 960 网格系统做一个项目。
我使用 javascript 来包含其他 html 文件。除了页眉和页脚之外,我为主要内容区域创建了 6 个 div,并希望每个 div 包含不同的 html 文件。 2 行,每行 3 个 div。
我遇到的问题是 div 相互堆叠,即使我给了它一个 grid_8 类,我也无法真正控制每个 div 的宽度。最重要的是,它们彼此堆叠,即使我向下滚动,它也会在底部被切断。我还想让页脚停留在底部,但不是一直固定在浏览器的底部,我想一直向下滚动才能看到它。
这是 atm 的样子,我给 div 加上了边框,这样你就可以看到它们是如何堆叠的 http:// /i53.tinypic.com/2lbzgp.png 我还将 放入 header.html 和 footer.html 文件
任何帮助都是值得赞赏的,在过去的一周里让我发疯。
再次编辑不知道我这样做是否正确,但这里是代码http: //jsfiddle.net/RZtXu/3/
Doing this as a class group project, I'm doing the front end while other members are doing the backend. I'm using the 24 columns 960 grid system, to try and position everything. It is my first time really doing a project using CSS and the 960 grid system.
I'm using javascript to include other html files.Excluding the header and footer, I created 6 divs for the main content area and want each div to include a different html file. 2 Rows of 3 divs.
The problem I have come across is that the divs are stacking ontop of each other and I cant really control how wide each div is even though i gave it a grid_8 class. On top of that they are stacking ontop of each other, and it gets cut off at the bottom even after I scroll down. I also want to make the footer stay at the bottom but instead of being fixed on the bottom of the browser at all times I want to scroll all the way down to be able to see it.
Here is what it looks like atm, I gave borders to the divs so you can see how they are stacking http://i53.tinypic.com/2lbzgp.png I have also put <div id="clear"></div>
into the header.html and footer.html files
Any help is appreciated, been driving me nuts for the past week.
EDITED again Don't know if I did this right, but here is the code http://jsfiddle.net/RZtXu/3/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
由于缺乏代码而在黑暗中拍摄,但您是否使用带有类container-24的包装器div?
Shot in the dark due to lack of code but are you using a wrapper div with class container-24?