我的“主要内容”是从我的侧边栏末尾开始...帮助！
好的，请看看我的问题：
http://phone7forum.com/viewforum.php?f=2
http://phone7forum.com/viewtopic.php?f=2& ;t=4
我一直在编辑 phpBB 论坛并添加所有 css 自定义内容，并且已经取得了很大进展，但是您可以在上面的 2 页中看到我遇到的问题。我的自定义“主要内容”框一开始运行良好，并且正好位于页面顶部中间我想要的位置，但是当我将实际的 phpBB“论坛代码”粘贴到其中时，论坛内容将从我左边的位置开始侧边栏结束（位于页面底部）。
我的网站是一个“流动宽度”网站。 “左侧边栏”向左浮动，宽度为 300px，高度为 100%。 “主要内容”的左边距为 345 像素，可将其推过侧边栏，因此它将位于侧边栏的右侧。这就是我的设置，它似乎对我来说工作得很好，直到我开始添加“论坛内容”。有人知道如何修复吗？你们认为问题存在于论坛现有的 css/标记中还是我在布局网站的方式中造成的问题？
以下是我的问题的屏幕截图（如果由于某种原因您在浏览器中看到其他内容）：
http: //phone7forum.com/images/1st_page_wrong.jpg
http://phone7forum.com/images/ 2nd_page_wrong.jpg
这是它们应该看起来的样子，或者我正在尝试做的事情（Photoshop的赞美）：
http://phone7forum.com/images/1st_page_right.jpg
http://phone7forum. com/images/2nd_page_right.jpg
我非常需要帮助！谢谢各位的观看！！
Ok, please look at my problem:
http://phone7forum.com/viewforum.php?f=2
http://phone7forum.com/viewtopic.php?f=2&t=4
I've been editing a phpBB forum and adding in all of my css customizations and I've gotten pretty far along, but you can see in the 2 pages above the problem I'm faced with. My custom "main content" box starts out fine at first and sits exactly where i want it to at the top middle of the page, but when i stick the actual phpBB "forum code" inside it, the forum content will start where my left sidebar ends (way down at the bottom of the page).
My website is a "fluid width" website. The "left sidebar" is floated to the left, has a width of 300px, and height 100%. The "main content" has a left margin of 345px to push it past the sidebar so it will sit to the right of it. So thats my setup and it seemed to be working perfectly fine for me until i started adding in "forum content". Does anyone have any idea on how to fix? Do you guys think that the problem exists in the forum's existing css/markup or is it a problem that I've created in the way I've layed out my website?
Here are screen shots of what my problem is (if for some reason you see something else in your browser):
http://phone7forum.com/images/1st_page_wrong.jpg
http://phone7forum.com/images/2nd_page_wrong.jpg
Here's how they should look, or what I'm trying to do (compliments of photoshop):
http://phone7forum.com/images/1st_page_right.jpg
http://phone7forum.com/images/2nd_page_right.jpg
I'm desperate for help! Thanks guys for looking!!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您的
contentdiv没有向左浮动。您可以只添加float: left并删除左侧margin吗？更新
Muhaahaa，我找到了：
有一块空地。删除它，一切都会好起来的。 ：D
Your
contentdivdosen't float left. Can you just addfloat: leftand remove the leftmargin?update
Muhaahaa, I found it:
has a clearing. Remove it and all will be fine. :D