Sidebar and Main Content Physcial Gap (6 posts)

  1. shackahn
    Posted 3 years ago #


    I am currently modifying a template and I would like a physical gap between the sidebar and the main content of the website. I would like to be able to see through to background with the gap.

    the code I currently have is

    #sidebar-primary {
    overflow: hidden;
    float: left;
    width: 300px;
    margin-left: 15px;

    I have tried adding padding, altering the margin etc all to no avail. I am fairly new at CSS. Would I be better building a block and placing the sidebar within it?

    Should I be altering the code elsewhere?

    Any help would be much appreciated.

  2. james-dg
    Posted 3 years ago #

    have you got a link to the site?

  3. esmi
    Forum Moderator
    Posted 3 years ago #

    I'm sorry but it is beyond the scope of these forums to deal with basic CSS issues. Try a dedicated CSS resource such as http://www.css-discuss.org/ instead. I'd also recommend using Firefox with the Firebug add-on for this kind of CSS work.

  4. shackahn
    Posted 3 years ago #

    http://www.freetosay.co.uk is the site.

    Like I said I am currently changing everything. I would just like a gap between the sidebar and main content.

    A physical gap that is.
    I will have a gander at the CSS website and get the plugin. Thanks

  5. james-dg
    Posted 3 years ago #

    You'll need to give each divider a colour.
    Your Divider "#main" has a white background so I'd start by removing that.
    once you have removed that you are going to have to have to give each of the dividers a back ground colour.
    as shown in this image

    I'd say go with esmi's answer though and get some help from css-discuss.
    I don't agree with firefox though :P
    Chrome has the inspect element feature built in and it just seems to run much more smoothly for me then firebug.

  6. shackahn
    Posted 3 years ago #

    Thanks for the reply. I use Chrome already and have had a play with the inspect element feature in the past so I will stick with that.

Topic Closed

This topic has been closed to new replies.

About this Topic