How do I Put This Div Lower?

Discussion in 'CSS' started by gobbly2100, Aug 17, 2007.

  1. #1
    Hey,

    As you can see I have some text below the image on the right but that is supposed to be the footer, I am not sure how I put that to stay along the bottom.

    DEA

    Thanks in advance!
     
    gobbly2100, Aug 17, 2007 IP
  2. Colbyt

    Colbyt Notable Member

    Messages:
    3,224
    Likes Received:
    185
    Best Answers:
    0
    Trophy Points:
    210
    #2
    I just learned how to do this so I may not explain it the best. You need to clear the main content div. That will force your footer back to the proper place.

    To do that you need to add this code to your CSS file:

    .brclear {
    clear:both; 
    height:0; 
    margin:0; 
    font-size: 1px; 
    line-height: 0; 
    } 
    Code (markup):
    Then add this line to your page or pages just after you close the main content </div>

    <br class="brclear" />
    Code (markup):
    Some times you have to place that after the close of a different div. In most cases that call is not needed after every </div>. I don't know enough to explain why it is needed sometimes and not others.

    Maybe another poster can explain that.
     
    Colbyt, Aug 17, 2007 IP
  3. gobbly2100

    gobbly2100 Banned

    Messages:
    906
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Awesome, I got it

    I just put in
    this:
    .brclear {
    	line-height: 0; 
    }
    Code (markup):
    Works fine so thanks for your help.
     
    gobbly2100, Aug 17, 2007 IP