2015-07-10 111 views
0

我已经看过很多线程,并了解宽度和显示标记(最小,最大,块内联,内联块和表等),但我有一个可怕的试图用我的页面页脚来解决这个问题。当我调整浏览器窗口的大小时,页脚中的所有内容都会崩溃。当浏览器窗口调整大小时防止页脚内容移动

有人可以检查我的标记,让我知道我需要添加在我的CSS来解决这个问题,请。

基本上我希望浏览器窗口能够传递内容,并且所有内容都被集中修复......当窗口全尺寸时,它的外观,布局如何。

谢谢!

网站:http://mixititb.com/Z_Test_Site/index.html

编辑;

我看到的两个问题是,当您更改窗口大小时,页脚本身正在崩溃,并可能使内容聚集起来。所以,这将是优先考虑的问题,然后调整内容中心。

对于这两个问题,我真的坚持,真正感谢帮助新手修复这个问题。感谢您检查我的代码!

编辑2;

只需修复overflow-x:hidden;为fix_footer类! :)

所以,现在我们只需要弄清楚为什么当您调整窗口大小时内容会崩溃。任何接受者? :) :)

编辑3;

@ PeeHaa,easwee,mario,user35443,Starkeen ...请好好休息一下,我不确定如何编辑这个问题,因为我已经在下面的人的帮助下解决了一些问题。一些人仍然存在,所以不想问另外一个问题。谢谢,感谢!

编辑4;

通过重新组织HTML结构div与类和设置.container为白色,而不是页脚本身修复。使用一类容器设置所有主div(即导航,内容和页脚)允许固定缩放页脚,因为它已经在CSS中设置了宽度。

感谢大家的帮助!

+0

我的意思并不是要粗鲁,但你可以重新词组你的问题,林不知道你要求什么,从网站的外观,你希望它在中间对齐? – Pogrindis

+0

嗨, 是的,页脚中的所有内容应该居中对齐,但正如您从CSS中看到的,我还有一些事情正在为表单,图标和导航链接进行对齐。所以,我希望所有这些都是以块为中心,当你改变浏览器窗口的大小时,它没有任何内容会弹性/合拢/聚集......这就是目前发生的情况。 希望是有道理的。 –

+0

发布你到目前为止,所以不是提供完整的解决方案。 –

回答

0

在google上搜索媒体查询,并使用text-align:center或margin将元素居中:0 auto,如果elem浮动,则使用clearfix。

您的页脚在大约900px处折断。

例子:

@media屏幕(最大宽度:900px){ 中心的ELEM }

+0

刚刚尝试过,放在.fix_footer中,它没有工作,一切仍然崩溃。另外,当你缩小屏幕尺寸以及内容崩溃时,页脚本身也会崩溃......所以如果你改变尺寸然后水平滚动,你会看到页脚尺寸在变化。 我认为有两个问题。有任何想法吗? :) –

+0

@media screen and(max-width:900px){center your elem} –

+0

你的元素在页脚中没有浮动。使用一些媒体查询,将工作.... –

相关问题