所有分辨率的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

回答

相關問題