Professional Documents
Culture Documents
content div
Footer div
7 div elements
The Power of <div>
A fairly standard
layout consists of a
banner near the top,
navigation, and your
content or display
box. These are the
backbone to any great
website.
In HTML5 there is
a <header> element,
as well as
a <nav>, <footer> that
can replace these div
tags.
Semantic elements
#main-wrap refers
to the div id.
The id attribute
specifies a unique
name
Why use Fixed Layout
20 px space
Fixed Layout in Pixels
Footer div
From Fixed to Fluid
• Compute
40 px left and right margins Percentages and
change from pixels
Header 92% to percents
20 px space
Footer div
From Fixed Layout to Fluid
200px/960px=20%
520/960=54%
20px/960px=2%
Relative Units
http://coding.smashingmagazine.com/2009/06/02/fixed-
vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
http://www.w3schools.com/
http://kyleschaeffer.com/development/css-font-size-em-
vs-px-vs-pt-vs/