# Background and Layers :: Help!

**URL:** <https://forum.kirupa.com/t/background-and-layers-help/237591>\
**Category:** Uncategorized\
**Created:** [August 31, 2007, 7:11pm UTC](https://forum.kirupa.com/t/background-and-layers-help/237591 "2007-08-31T19:11:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dsmflash](https://avatars.discourse-cdn.com/v4/letter/d/e68b1a/32.png) [@dsmflash](https://forum.kirupa.com/u/dsmflash)\
**Post date:** [August 31, 2007, 7:11pm UTC](https://forum.kirupa.com/t/background-and-layers-help/237591/1 "2007-08-31T19:11:17Z")

</div>

Need a layer and CSS expert here. Trying to center layers.  
I’m brand spanking new to layers and CSS. I’m designing a site where each page has a large image as the background, and the image is different for each page. Naturally, I do not want to slice around everything and break up the image. In Dreamweaver, I want to set the large image as background and then lay the other components (logo, nav bar, etc.) on top of it with layers.  
I read the Kirupa tutorial on “Centering Content” and it sounded easy, but its not.  
Where does this code go in relation to the head and body? When I tried it, the code actually showed up as text on my page in the browswer. Do I just actually create a new CSS rule and apply it to all the layers I want centered?  
[COLOR=#cc00cc]/\* external CSS \*/ [/COLOR] [COLOR=#000050]div[/COLOR][COLOR=#0000ff]#[/COLOR][COLOR=#000050]container[/COLOR][COLOR=#0000ff]{[/COLOR] [COLOR=#000050]margin[/COLOR][COLOR=#0000ff]:[/COLOR] [COLOR=#991010]0[/COLOR] [COLOR=#000050]auto[/COLOR]; [COLOR=#000050]width[/COLOR][COLOR=#0000ff]:[/COLOR] [COLOR=#991010]550px[/COLOR]; [COLOR=#0000ff]}[/COLOR] [COLOR=#0000ff]\<!–[/COLOR] COLOR=#0000ff[/COLOR][COLOR=#000050]HTML[/COLOR] [COLOR=#000050]code[/COLOR] [COLOR=#0000ff]–\>[/COLOR] [COLOR=#0000ff]\<[/COLOR][COLOR=#000050]div[/COLOR] [COLOR=#000050]id[/COLOR][COLOR=#0000ff]=[/COLOR][COLOR=#666666]“container”[/COLOR][COLOR=#0000ff]\>[/COLOR] [COLOR=#0000ff]\<[/COLOR][COLOR=#000050]p[/COLOR][COLOR=#0000ff]\>[/COLOR][COLOR=#0000d0]this[/COLOR] [COLOR=#000050]is[/COLOR] [COLOR=#000050]centered[/COLOR][COLOR=#0000ff]!\</[/COLOR][COLOR=#000050]p[/COLOR][COLOR=#0000ff]\>[/COLOR] [COLOR=#0000ff]\</[/COLOR][COLOR=#000050]div[/COLOR][COLOR=#0000ff]\>[/COLOR] Please help and thank you in advance for any replies.:}