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

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -