Chrome 的网站可视化问题
我有一个基于 Solar Sentinel Joomla 模板的网站： www.sism.org
我在使用 chrome 时遇到一些可视化问题。
右侧栏在所有内容之后下移，而它应该浮动在右侧！
有人可以解释一下为什么吗？
PS：模板CSS非常混乱，并且在页面开头内联了一些我制作的自定义CSS和JS。
I have a site based on Solar Sentinel Joomla template: www.sism.org
I'm having some visualization problem with chrome.
The right side-bar is shifted down after all the content, while it should be floating on the right!
Could someone explain me why?
PS: the template css is pretty messy, and there is some custom css and js made by me inline at the beginning of the page.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
HTML 抛出大量验证错误： http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sism.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
我的猜测是 Safari 和 Firefox 正在以符合您预期的方式围绕这些错误进行渲染。尝试修复错误并看看会发生什么。如果没有其他问题，您就可以排除无效 HTML 的问题。
The HTML is throwing a lot of validation errors: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sism.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
My guess is that Safari and Firefox are rendering around these errors in a way that is according to what you would expect. Try fixing the errors and seeing what happens. If nothing else, you'll have ruled out invalid HTML as the issue.
看起来您的
div class="col3"位于您的div class="colright"内。尝试将
div class="col3"放在另一个之外。It looks like your
div class="col3"is inside yourdiv class="colright".Try placing
div class="col3"outside the other one.