How do I get rid of the white space on either side of my website?
I want the backgound to be flexible to fit the browser window for whatever size it is. I think I need to resize the div container but I'm having lots of trouble.
问问题
2124 次
2 回答
0
您的网站是使用固定宽度和边距构建的，在您的 css 中使用此规则将其对齐在页面中间。
margin:0 auto;
您站点中的所有内容都已根据您的包装宽度规范构建。大多数响应式网站仍然具有页面包装器和最大宽度。如果是空白区域打扰为 body 元素设置背景
body{background:color;}
或图像
body{background-image:url('background_image_url')}
虽然我不是 W3C 的最大粉丝，但如果您遇到困难，请参阅此以获取更多信息 - http://www.w3schools.com/css/css_background.asp
如果您担心您的网站无法响应不同的屏幕尺寸和浏览器大小调整，请考虑聘请专业人士重新设计您的网站以进行响应式设计。
于 2013-10-19T22:49:04.240 回答
0
这个小提琴或多或少是你要找的吗？
我删除了硬编码的宽度global_container_并设置width: 100%;在标题上，以及repeat-x背景header。我float: left;从header它的子元素中删除，并确保子元素的左右边距为auto. 我还从 中删除了硬编码的宽度，但是如果您还想要全宽度（或从容器中删除硬编码的宽度），则headline必须移动其容器的外部。bottomline
另外，我认为我不必在小提琴中更改它，但您可能需要从 中删除clearfix该类global_container_，或将其设置为display: block;以使全宽生效。
这是相同的想法footer- 将其设置为width: 100%;并调整页脚和子元素的填充和边距，直到它们放置在您想要的位置。
于 2013-10-19T22:49:17.707 回答