html - Can't get my sidebar on the right-hand side -


i'm amateur css , have tried using guides myself far. i've set fiddle http://jsfiddle.net/defaye/x9t7m/1/ may know i'm doing wrong? can't sidebar on right-hand side right-most column of main content.

css structure

#wrapper {   width: 100%;   min-width: 950px;   max-width: 1110px;   margin: 0 auto; }  #header {   float: left;   height: 354px;   width: 100%; }  #navigation {   float: left;   height: 40px;   width: 100%; }  #container {   float: left;   width: 100%; }  #main {   margin-right: 200px; }  #sidebar {   width: 300px;   margin-left: -300px;   float: left; }  #footer {   height: 40px;   width: 100%;   clear: both; } 

html structure

<body>   <div id="wrapper">     <div id="header"></div>     <div id="navigation"></div>     <div id="container">       <div id="main"></div>       <div id="sidebar"></div>     </div>     <div id="footer"></div>   </div> </body> 

take @ this fiddle how works. here your updated fiddle

#main, #sidebar {     float: left; }  #main {     width: 70%; }  #sidebar {     width: 30%; } 

Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -