菜单未按网站缩放，而在较小的显示器上，视频/照片偏离右侧

Question

我早些时候寻求帮助，这很棒，我很感激，但我需要你们的帮助。

http://www.mrandmrsmagic.com是我正在处理的网站，在简化代码并且没有定位是绝对的之后，出于某种奇怪的原因，菜单栏没有缩放到网站。此外，推荐标签已被切断，我猜这是因为宽度不够长？

另外，在较小的显示器（15英寸以上）上，他们说视频库和照片库偏向右边三英寸，有没有办法可以添加填充或边距使它们粘在中间就像他们用更大的屏幕一样？任何和所有的帮助将不胜感激。

Answer 1

好的......

您的图库位于div，已被指定位置。

例如

#gallery {
    position: relative;
    left: 950px; /* This needs to be removed */
    top: -560px; /* This needs to be removed */
}

这总会迫使div偏离一边。

我想要的想法如果我错了就纠正我是两栏。

这实际上很容易做到，我已经设置了一个示例here来帮助你。

在我的示例中，两列向左和向右浮动以在中间提供空间，两个divs与类.placeholder提供高度和宽度。

如果您创建类似的内容，分别用您的图片和图库替换每个.placeholder，那么您应该能够将视频保留在主要内容中。

希望这会有所帮助。

修改

我会尽力解释一切。

我链接的示例中的内容div就是围绕该示例中的浮动列。您无需复制它。

列左右浮动以分隔内容并将其并排放置。添加浮点只意味着它们要在父容器中尽可能远离给定方向。

浮动内容会破坏页面流，因此父级需要添加类.clearfix以防止列中的任何内容被中断。它还允许父母有高度。

对于不同的显示器宽度，以不同方式定位图库只适用于理解css中的媒体块的浏览器，即ie7和ie8不能。使用两列布局你会好得多。