2010-10-13 72 views
0

我有一個問題想在我的網頁來定位格,這是我的測試場地: http://dirtymind.jvsoftware.com/問題定位的div使用CSS

問題是與左邊欄(一個與登錄輸入和東西),它目前是一個div,我使用負頂部和左邊距來定位它的位置,但取決於屏幕分辨率,它向左或向右移動。很明顯,這是因爲我使用的利潤率這是如何CSS將工作,但我不知道如何得到相同的結果,否則。

有誰知道如何將我的邊欄放在關於分辨率的位置上?

感謝所有提前。

+0

對我來說這不使用浮動留在這種情況下,有效的方法。使用絕對位置代替左側導航。 – GusDeCooL 2010-10-13 09:07:59

+0

我嘗試過使用絕對和相對定位,但是我得到了同樣的問題 – javiervd 2010-10-13 11:43:09

回答

0

呀什麼,他說:

<div id='wrapper' style='width:800px'> 
    <div id='left-sidebar' style='width:200px;float:left'> 
    ...content... 
    </div> 

    <div id='contenedor' style='width:600px;float:left'> 
    ...content... 
    </div> 

</div> 
+0

我對此也有同感,但是我怎麼能夠將內容集中呢?看到以div爲中心的是「contenedor」div,如果我將包裝中心的頁面看起來像素向右移動。 – javiervd 2010-10-13 11:46:58

+0

將內容置於另一側的空白div的中心,與側邊欄的寬度相同: – Ben 2010-10-14 00:10:24

+0

像這樣 Ben 2010-10-14 00:17:39

0

那麼你已經有一個包裝的地方....爲什麼不給它一個主要內容區域的寬度+側欄的寬度和任何你想要的間距。那麼你可以將它們都浮在左邊。或者你可以將wrappr設置爲相對位置(不分配位置),然後在側邊欄上使用絕對位置,並在包裝​​的0點的座標中使用punh。

+0

我也想過這個,但是我怎麼能把內容居中呢?看到以div爲中心的是「contenedor」div,如果我將包裝中心的頁面看起來像素向右移動。 – javiervd 2010-10-13 11:49:07

+0

ummm'#wrapper {margin:0 auto;}'應該居中......除非我錯過了一些東西...... – prodigitalson 2010-10-13 14:16:02