javascript - Template conversion from XHTML 1 to HTML5 , CSS Error -
this simple 3-column template, side-bars on left , on right sides , content in middle. i'm not able understand spacing between columns, there's of space between content(post) column , right side-bar.
[side-bar] [content/ post / matter]_____space/gap___[side-bar]
i'm not able reduce/remove '_space/gap ' make template like
[side-bar] [content/ post / matter] [side-bar]
before posting here, i've tried chrome-developer tool know , refactor it, i've not been able understand it.
jsfiddle example
change section of code:
#right { float: right; width: 180px; padding: 10px 30px 10px 0; }
to this:
#right { float: left; width: 180px; margin-left: 10px; padding: 10px 30px 10px 0; }
floating right hold container rightmost position can attain within own container.
Comments
Post a Comment