Adding A Line Break In Sidebar

Discussion in 'HTML & Website Design' started by shteca, Apr 24, 2013.

  1. #1
    On my webpage (http://www.fourquotes.co.uk/webdesign) you can see that the sidebar is touching my footer.
    I want to add a gap between the end of the sidebar and the footer.
    How do I do this?
    I want to just add <br> after the sidebar div but this doesn't work.
    Any ideas?
     
    shteca, Apr 24, 2013 IP
  2. smellocity

    smellocity Active Member

    Messages:
    155
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    88
    #2
    add "margin-top:10px;" to your #footerbg tag in CSS.
     
    smellocity, Apr 24, 2013 IP
  3. shteca

    shteca Active Member

    Messages:
    145
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    78
    #3
    Thank you so much for your quick reply...
    My current #footerbg looks like this;
    #footerbg{
        float:left;
        margin-top:90px;
        margin-left:auto;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        width:100%;
        min-width:1000px;
        height:auto;
        background:#d9d7d6;
        }
    Code (markup):
    Thing is when I change it from 90px to 999px nothing changes...
     
    shteca, Apr 24, 2013 IP
  4. smellocity

    smellocity Active Member

    Messages:
    155
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    88
    #4
    this is what i see on your site


    
    #footerbg {
        background: none repeat scroll 0 0 #D9D7D6;
        float: left;
        height: auto;
        margin: 0;
        min-width: 1000px;
        padding: 0;
        width: 100%;
    }
    
    Code (markup):
    are you sure you are uploading the css.
     
    smellocity, Apr 24, 2013 IP
  5. smellocity

    smellocity Active Member

    Messages:
    155
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    88
    #5
    you also are redclaring the css... try this...

    #footerbg{
        float:left;
        margin-top:90px;
        margin-left:auto;
        padding:0px 0px 0px 0px;
        width:100%;
        min-width:1000px;
        height:auto;
        background:#d9d7d6;
        }
    
    Code (markup):
     
    smellocity, Apr 24, 2013 IP
    shteca likes this.
  6. shteca

    shteca Active Member

    Messages:
    145
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    78
    #6

    Can you see which css file that is coming from... I have two ;(
     
    shteca, Apr 24, 2013 IP
  7. shteca

    shteca Active Member

    Messages:
    145
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    78
    #7


    Thank you so much!!!!!

    That has worked, it was the margin 0 that was causing the problem.

    My css is a mess :(

    Currently working on a site redesign...
     
    shteca, Apr 24, 2013 IP