所有分辨率的css

我已经设计了我的网站的分辨率为1680x1050。但是，因为我大多数时候总是使用position：absolute，所以现在的设计非常混乱（在CSS中是新的）。所以，在我再次开始设计之前，我决定寻求专业帮助。我将尝试使用的方法是使一个div元素containin所有的页面的内容是所有分辨率的css

<div style="width:760px;margin: 0 auto;"> 
...all contents 
</div>

，以中心的所有页面的内容。然后，我会重新设计我的旧内容与美国的立场：亲戚;左：..像素;和顶部：... px ;.我问这个，因为我不认为这个宽度：760px; margin：0 auto;正确地将内容居中（当我尝试这种方法对于没有任何元素的元素：px或top：.. px，元素没有正确居中）。我希望我能很好地告诉我的方法:)从中心获取每个元素并将它们放置到应该的位置。我怎样才能做到这一点？我不认为这个div是这样做的:(

注意：我在我的原始设计中留下了适当的空白处，我的意思是，在1680x1050的分辨率下，我没有使用大约300px的左右。在1680×1050的中心。

来源

2012-02-10 james hodson

身上的标签是否有任何造型？ – Brian 2012-02-10 20:31:33

你能告诉我们的代码？（包括css和html） – 2012-02-10 20:32:56

不，没有。只是我正在使用的div来设计所有内容 – 2012-02-10 20:32:56

从未风格屏幕尺寸
尽量避免position:absolute你在哪里都可以
如果你需要position:absolute，尽量采取％的值

为什么不使用它？

因为你已经提到的，它搅乱了你的代码
它会减慢渲染的浏览器
元素取出正常的文档流 - >动态内容可能会破坏你的布局

如果你真的需要position:absolute你可以做以下中心的元素：

specifiy一个width和margin:0 auto;
定义所有的偏移值，这样的：

element{ position:absolute; left:10px; right:10px; top: 10px; }

这会给你的元素用的10px的顶部“保证金”，左，右，并给它动力高度。

来源

2012-02-10 20:34:17 Christoph

用途：

<div style="width:760px;margin: 0 auto;"> 
    <div style="position: absolute; width: 760px;">...all contents</div> 
</div>

绝对元素位置相对最直接的绝对定位的父元素，如果没有，它是相对于文档。但是，请不要使用内联样式。设计静态分辨率的做法也很差。

来源

2012-02-10 20:34:44

所有分辨率的css

回答

相关问题