www.webdeveloper.com
Results 1 to 5 of 5

Thread: issues with bottom fixed div

  1. #1
    Join Date
    Jun 2003
    Location
    Jerzy
    Posts
    459

    issues with bottom fixed div

    http://guildparanormal.com/policies.html

    if you look it stays at the bottom, but i cant seem to get it to give it a top padding or something, cause it cuts off. Any help would be greatly appreciated. Just scroll to the bototm of the page, you will see what I mean

  2. #2
    Join Date
    Apr 2012
    Posts
    2
    looks to me like you need margin spacing on the bottom of your content area div. think of your footer div as a photoshop layer thats fixed to the bottom of the page and always on top of whatever is under it. basically add padding to the "layer" underneath

    i hope that makes sense, nice page

  3. #3
    Join Date
    Jun 2003
    Location
    Jerzy
    Posts
    459
    ok so basicallly i always have a top margin on ths content one, which is the main center of the page, how do i go about ading a top and bottom on something that has a relative position

  4. #4
    Join Date
    Apr 2012
    Posts
    2
    the way you have written your code, #bottomscroll will always be fixed to the bottom of the webpage and on top of your content area.

    what you can do is give your div .rounded a bottom-margin of 55px and that will give it some spacing so your #bottomscroll div is not sitting on top of your content area blocking text

    so where you have this:

    Code:
    .rounded {
    	background-color: black;
    	text-align: left;
    	margin-bottom: 5px;
    change the 5 to a 55


    i hope that helps, cheers

  5. #5
    Join Date
    Jun 2003
    Location
    Jerzy
    Posts
    459
    yeah that wont work, it will have the content ID, because me editing that will edit that css used all over the site and it would be incorrect to do it like that

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles