Tricky CSS Issue

  • Okay, here’s my issue:

    I need to have a layout that will allow me to have a fluid header and footer, but a fixed width content area in between. The header and footer could actually be fixed, but I’d like a color block to extend 100%, so it gives the appearance that it’s stretched. Hope this makes sense, and hope someone can help…

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

  • You actually answered your own question there partly. Just set the background color of your header and footer to and set the width to 100% while using the padding: auto to center your header and footer contents. Then set your content width to a set pixel or point value and use the margin: auto again to center it along with your header and footer.

    Thread Starter frontlines

    (@frontlines)

    Okay, I think I’ve got it kind of figured out. Can anyone tell me why I’ve still got a huge margin on my left side on the footer? It stretches 100%, but there’s like a 307 px margin that I can’t figure out…

    https://www.moralcooling.org

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Tricky CSS Issue’ is closed to new replies.