html - How do I get rid of the white space on the sides of my website? repeat background? resize div? I'm lost

Question

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.

http://www.dropshiplounge.com/

Answer 1

您的网站是使用固定宽度和边距构建的，在您的 css 中使用此规则将其对齐在页面中间。

margin:0 auto;

您站点中的所有内容都已根据您的包装宽度规范构建。大多数响应式网站仍然具有页面包装器和最大宽度。如果是空白区域打扰为 body 元素设置背景

body{background:color;}

或图像

body{background-image:url('background_image_url')}

虽然我不是 W3C 的最大粉丝，但如果您遇到困难，请参阅此以获取更多信息 - http://www.w3schools.com/css/css_background.asp

如果您担心您的网站无法响应不同的屏幕尺寸和浏览器大小调整，请考虑聘请专业人士重新设计您的网站以进行响应式设计。

Answer 2

这个小提琴或多或少是你要找的吗？

我删除了硬编码的宽度global_container_并设置width: 100%;在标题上，以及repeat-x背景header。我float: left;从header它的子元素中删除，并确保子元素的左右边距为auto. 我还从 中删除了硬编码的宽度，但是如果您还想要全宽度（或从容器中删除硬编码的宽度），则headline必须移动其容器的外部。bottomline

另外，我认为我不必在小提琴中更改它，但您可能需要从 中删除clearfix该类global_container_，或将其设置为display: block;以使全宽生效。

这是相同的想法footer- 将其设置为width: 100%;并调整页脚和子元素的填充和边距，直到它们放置在您想要的位置。