Wrapper Div

Skills Covered
Wrapper Div
Browser Compatibility Issues
View Portal

Wrapper Div is not a new tag, but rather a technique often used by web designers to control the page layout. Wrapper Div is really a DIV ID which could have any name, but it is common to use "wrap" or "wrapper".

Some web designers consider the tag <div id = "wrapper"> a basic component of any well-designed web page. A typical layout would look something like this:

<head>
<title> </title>
</head>
<body>
<div id = "wrapper"> All of your page content goes here </div>
</bodY>

All of the page content is contained, or "wrapped up", inside the wrapper div- menus, navigation, images... everything! It's like a one-column table, but you use CSS to control the width and placement on the page. I'm sure I don't have to say it at this point, but, this comes in handy if you want to alter the look of multiple pages connected to the same CSS sheet!