Title: Tricky CSS Issue
Last modified: August 18, 2016

---

# Tricky CSS Issue

 *  [frontlines](https://wordpress.org/support/users/frontlines/)
 * (@frontlines)
 * [19 years ago](https://wordpress.org/support/topic/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)

 *  [Jeremy Clark](https://wordpress.org/support/users/jeremyclark13/)
 * (@jeremyclark13)
 * [19 years ago](https://wordpress.org/support/topic/tricky-css-issue/#post-564130)
 * 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](https://wordpress.org/support/users/frontlines/)
 * (@frontlines)
 * [19 years ago](https://wordpress.org/support/topic/tricky-css-issue/#post-564149)
 * 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…
 * [http://www.moralcooling.org](http://www.moralcooling.org)

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

The topic ‘Tricky CSS Issue’ is closed to new replies.

 * 2 replies
 * 2 participants
 * Last reply from: [frontlines](https://wordpress.org/support/users/frontlines/)
 * Last activity: [19 years ago](https://wordpress.org/support/topic/tricky-css-issue/#post-564149)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics