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
Post a Comment