CSS Position set

Discussion in 'CSS' started by jamsrock1, Mar 18, 2012.

  1. #1
    Hi guy,

    My site a problem. I am use header, content , footer. But footer site problem footer position fixed use. I am use many content but footer not down.
    Plz help me, footer menu use CSS code need.
     
    jamsrock1, Mar 18, 2012 IP
  2. jamsrock1

    jamsrock1 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    <a href=http://www.fokinni.com>my site</a>
     
    jamsrock1, Mar 21, 2012 IP
  3. KlausKesselGO

    KlausKesselGO Peon

    Messages:
    130
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Could you please explain clearer? I don't understand the problem.
     
    KlausKesselGO, Mar 24, 2012 IP
  4. Osho Garg

    Osho Garg Active Member

    Messages:
    50
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    86
    #4
    It Will Not Down If You Are Using Chrome. Try In Firefox :)
     
    Osho Garg, Mar 30, 2012 IP
  5. iespot

    iespot Peon

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Try
    position:absolute; bottom:0;
     
    iespot, Apr 22, 2012 IP
  6. alfieindesigns

    alfieindesigns Well-Known Member

    Messages:
    128
    Likes Received:
    5
    Best Answers:
    2
    Trophy Points:
    130
    #6
    Can you at least show us your actual codes?

    Thanks.

    Best regards,
    alfieindesigns
     
    alfieindesigns, Apr 23, 2012 IP
  7. William Rauen

    William Rauen Peon

    Messages:
    15
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    i think position:absolut;bottom0;
     
    William Rauen, Apr 24, 2012 IP
  8. iespot

    iespot Peon

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    nice copy paste!
     
    iespot, Apr 24, 2012 IP
  9. Raja sekar

    Raja sekar Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    The CSS positioning properties allow you to position an element. It can also place an element behind another, and specify what should happen when an element's content is too big.
    Elements can be positioned using the top, bottom, left, and right properties. However, these properties will not work unless the position property is set first. They also work differently depending on the positioning method.
     
    Raja sekar, Apr 25, 2012 IP
  10. dealsprofits

    dealsprofits Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    i don,t understand ok you will send me
     
    dealsprofits, Apr 25, 2012 IP
  11. akhileshbc

    akhileshbc Active Member

    Messages:
    98
    Likes Received:
    1
    Best Answers:
    5
    Trophy Points:
    75
    #11
    Can you show us the screenshot of the page ? Along with the CSS. Your site appears to be down for maintenance now. So I can't take a good look at it.


    I assume, you have 3 parts in your page.

    head
    content
    footer

    If you the "content" div contains any divs that floats, then you might need to "clear:both;" at the end (just before the closing div of content). Otherwise, the content div might not get the height. And thus the footer would overlap.
     
    akhileshbc, May 27, 2012 IP
  12. khayerz

    khayerz Active Member

    Messages:
    111
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    50
    #12
    Advance style!


    background:#f3f3f3;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:10px;
    border-top:solid 1px #ccc;
    color:#888;
    text-shadow:0 1px 0 #fff;
    text-align:center;
     
    khayerz, Jun 13, 2012 IP