|S2 Complete Style (s2complete) wrote,|
@ 2017-12-04 15:43:00
|Entry tags:||02. page containers, 02. page containers: a. containers|
02. Page Containers - Containers
An S2 Complete Style layout is wrapped in two containers that hold the entirety of the contents. This is a really useful set of containers to have, because you essentially get two nested body tags inside of your body tag to play with layering, margins, padding, borders, et cetera.
#containerdiv is just inside of the body tag. Its only default style is a background color. This is the ID you'll want to add widths and margins to if you want to resize the entire layout width, including the header.
#container-innerdiv is right after that and has no default styling. You can leave this out of your stylesheet if you have no plans to use it. You could alternatively resize your layout here if you're playing with background layering using