答案 0 :(得分:0)
您的网站使用固定宽度和边距构建,使用css中的此规则将其与页面中间对齐。
margin:0 auto;
您网站中的所有内容都已根据您的包装宽度规范进行构建。大多数响应式网站仍然具有页面包装和最大宽度。如果这是困扰的白色空间设置身体元素的背景
body{background:color;}
或图片
body{background-image:url('background_image_url')}
虽然我不是W3C的最大粉丝,但如果您遇到问题,请参阅此信息以获取更多信息 - http://www.w3schools.com/css/css_background.asp
如果您担心自己的网站没有响应不同的屏幕尺寸和浏览器大小调整,请考虑聘请专业人士重新设计您的网站以进行响应式设计。
答案 1 :(得分:0)
这个fiddle或多或少是你想要的吗?
我删除了global_container_
上的硬编码宽度,并在标题上设置了width: 100%;
,并为repeat-x
背景设置了header
。我从float: left;
及其子元素中删除了header
,并确保子元素的左边距和右边距为auto
。我还从headline
删除了硬编码宽度,但是如果你想要全宽度,你还必须将bottomline
移到它的容器之外(或者删除硬编码的宽度)来自容器)。
此外,我认为我不必在小提琴中更改此内容,但您可能需要从clearfix
中删除global_container_
类,或者按顺序将其设置为display: block;
使全宽度生效。
footer
的想法是相同的 - 将其设置为width: 100%;
并调整页脚和子元素的填充和边距,直到它们放在您想要的位置。