CSS positioning and font issue – please help

  • This design is far from finished, but I am having the hardest time getting the footer to show up at the bottom of the site rather than in the middle of the header and also, it seems like every other day, the fonts don’t work.

    I am hoping someone can point me in the right direction, so thanks in advance. ??

    Here is my sandbox.

    And here is the stylesheet.

Viewing 5 replies - 1 through 5 (of 5 total)

  • If you’re using floats, you need to “clear: both” so they don’t affect the footer. A search here for “footer, clear:both” will turn up various posts regarding this.

    Thread Starter nmallory

    (@nmallory)

    I’m not using floats. Everything but the footer is positioned absolutely. I’ve tried to package the header, content, image, and sidebars in a “page” id and then package the footer in it’s own div, but the footer keeps appearing at the top. If I position the footer absolutely, it prints over the content at the bottom of the window.

    I may just try to put that info into one of the sidebars. *sigh*

    You might check sites like PositionIsEverything – some of the solutions there might pertain to what you need to do.

    what happens when you wrap the footer as the last item of the main container div? btw, that font is awful, hope you change it for the final version

    best to use floats for this sort of design with clearers

    Thread Starter nmallory

    (@nmallory)

    Well, I’m attempting floats now.

    As for the font…that is *not* the font it’s supposed to be.

    I wanted it to be the fantasy default, but that stopped working. Then I tried Kristen, but that stopped working too.

    Strange thing is that the CSS & HTML validated fine (before I started playing with the columns) though it wasn’t working right.

    I just don’t understand. I’ve tried it in IE and Firefox on two different computers — XP Professional and Win2000.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS positioning and font issue – please help’ is closed to new replies.