#container-wrap-wrap

Description

The div block that contains everything except the top Wikidot tool bar.

Containers
Outline
Image Unavailable
Click to view in closer detail!

Details

The <div> block with the #container-wrap-wrap id contains nearly everything you see on the Wikidot page. It only doesn't contain the top navigation toolbar. This is effectively the same as #container-wrap, but its existence allows for further flexibility of CSS styling.

#container-wrap-wrap is rarely used in modifying CSS as its direct child, #container-wrap, is used instead. Its establishment by Wikidot was a direct answer to the use of the top navigation toolbar. However, it can still be used in CSS.

Examples

You can use this selector to pass a margin property and therefore see the <body> behind it. The link below leads to a page demonstrating this idea using the code below it.

#container-wrap-wrap{
    margin: 30px 50px 30px 50px;
    border: 2px solid #00A;
    background-color:#FFF;
}
body{
    background-color: #DBB;
}

We also used a body type selector to show how #container-wrap-wrap can be coupled with the <body> tag for a neat effect.

Try It on the CSS Zone Sandbox!

Base CSS

#container-wrap-wrap {
    position: relative;
}

Not defined in Base CSS.

_c
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License