Mr. Thien Tran QuangCSS Slicerkuangthien@gmail.com
 Box Model Page Layout Positioning
 What is this? How works it?
Three-dimensional visualization of the CSS box modelRemember: the width property declares the width of theelement’s conten...
 Introduction Equal height problem
Fixed Layout“What the designer sees, theuser sees”
Fluid Layout“Flexible fordifferents screenresolution”
Elastic LayoutMixes the two othermain layout types. Itworks by sizing allelements with em‘s.
The height of each column is depend the contents in                       column.
Key: Relative position property .
Key: Background Repeat Property
 Position:static | relative | absolute | fixed Floating and Clearing
Mystery of Float
Clearing
Float columnand “footerproblem”
“Footerproblem” andsolution
Css page layout
Css page layout
Css page layout
Css page layout
Css page layout
Css page layout
Css page layout
Css page layout
Upcoming SlideShare
Loading in …5
×

Css page layout

456 views

Published on

1st version

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
456
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Css page layout

  1. 1. Mr. Thien Tran QuangCSS Slicerkuangthien@gmail.com
  2. 2.  Box Model Page Layout Positioning
  3. 3.  What is this? How works it?
  4. 4. Three-dimensional visualization of the CSS box modelRemember: the width property declares the width of theelement’s contents, not its box.
  5. 5.  Introduction Equal height problem
  6. 6. Fixed Layout“What the designer sees, theuser sees”
  7. 7. Fluid Layout“Flexible fordifferents screenresolution”
  8. 8. Elastic LayoutMixes the two othermain layout types. Itworks by sizing allelements with em‘s.
  9. 9. The height of each column is depend the contents in column.
  10. 10. Key: Relative position property .
  11. 11. Key: Background Repeat Property
  12. 12.  Position:static | relative | absolute | fixed Floating and Clearing
  13. 13. Mystery of Float
  14. 14. Clearing
  15. 15. Float columnand “footerproblem”
  16. 16. “Footerproblem” andsolution

×