定心體元素，並用側

Question

我真的被困在此沒有更多的想法，考慮到儘量保持他們身邊...我已經看過，並試圖一切，不知道還能在這裏做什麼？

基本上我試圖通過側面保持菜單格側到網頁，並保持它的所有中心。

最初我把菜單和其他內容並排使用float left，然後居中它我做了填充左..然而，正如你可能已經猜到，當你從不同的計算機查看你的網站時，這完全失敗屏幕分辨率...

於是我又回到指向試圖居中這個東西一但現在我的菜單是在上面，所以我不知道如何強制他們並排...

而且我被告知將徽標擴展到菜單上....當我卡住時，我不知道該怎麼做。我真的很討厭現在這個權利，我的心抓狂我一直在這16小時....

pastebin.com/2ng4WJQT pastebin.com/4Cr0Z5Tk

目前它的外觀：

如何它應該看看......

Answer 1

把你的頭，內容和工具條，其中中心將排序了這一點的容器。

的CSS將是這樣的：

#container 
{ 
width: 900px; 
margin:0 auto; 
} 

#menu, #content 
{ 
float:left; 
} 

#menu{width:20%;} 
#content{width:80%;} 

UPDATE

這裏有一個演示：http://jsfiddle.net/nMUVj/

HTML

<div id="container"> 
    <div id="header">Header content</div> 
    <div id="nav">Nav bar</div> 
    <div id="content">Main Content</div> 
</div> 

CSS

#container 
{ 
    width:70%; 
    margin:0 auto; 
    border:1px solid blue; 
    padding:0; 
} 

#nav, #content{float:left; border:1px solid green;margin:0;} 

#nav{width:20%;} 
#content{width:79%;}