dcsimg
www.webdeveloper.com
Results 1 to 8 of 8

Thread: CSS Positioning help needed

  1. #1
    Join Date
    Nov 2005
    Posts
    6

    CSS Positioning help needed

    Greetings, I'm new here, and am learning CSS design, but I'm having a slight bit of a problem and as I try diffrent things, I'm getting more lost. I have my own site with a dev page for testing my design here http://www.g0nk.com/blog/dev.html and the stylesheet is http://www.g0nk.com/blog/g0nk.css

    What I am trying to do, is make the footer box stay to the bottom, under the main content area.. At first I aboslute positioned it to the bottom, but once the main content grew enough to get to the bottom, it would not push the footer down, only leave it in it's position and display under the footer..

    I'm kinda at a loss now and not sure how to fix this.. any help would be appreciated.. Thanks!

    g0nk

  2. #2
    Join Date
    May 2005
    Posts
    2,040
    When you absolutely position a div it is taken out of the flow which is why the footer floats up to the bottom of the previous content.

  3. #3
    Join Date
    Nov 2005
    Posts
    6
    Quote Originally Posted by drhowarddrfine
    When you absolutely position a div it is taken out of the flow which is why the footer floats up to the bottom of the previous content.
    How do you suggest I fix this? Like I said, im a newb at CSS positioning, so i'm not quite sure how to acomplish this.

  4. #4
    Join Date
    Mar 2003
    Location
    NJ
    Posts
    126
    g0nk, someone just answered this same question for me.

    Here's my question: http://www.webdeveloper.com/forum/sh...ad.php?t=82610

    The best suggestion I received was this link: http://www.alistapart.com/articles/footers/

  5. #5
    Join Date
    Nov 2005
    Posts
    6
    ok, I have started from scratch, and I got the main part right, but now it's not displaying the background images for the main_header and main_footer correctly.. only in IE, works correctly in Firefox. :| i dunno why it's doing this now..

    the html and css files are in the same place as linked above..

  6. #6
    Join Date
    Nov 2005
    Posts
    6
    alright, i fixed part of it, with overflow: hidden; ... but in IE, it still edges the main_header element down a pixel or 2 for some odd reason..

  7. #7
    Join Date
    Nov 2005
    Posts
    6
    Quote Originally Posted by g0nk
    alright, i fixed part of it, with overflow: hidden; ... but in IE, it still edges the main_header element down a pixel or 2 for some odd reason..
    any help on this new problem would be greatly appreciated.. thanks!

  8. #8
    Join Date
    Nov 2005
    Posts
    6
    Quote Originally Posted by g0nk
    alright, i fixed part of it, with overflow: hidden; ... but in IE, it still edges the main_header element down a pixel or 2 for some odd reason..
    bump for any possible help.. i sitll havent figured this out, (page in question.. http://www.g0nk.com/blog/dev.html )

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