Weitere ähnliche Inhalte
Kürzlich hochgeladen (20)
Liquid layout (mpm17) group 9 presentation By: Iphiah, Daniel, and Matt!(1)good
- 4. How to achieve a liquid layout: (1) Start by sketching on paper or imaging software a rough layout grid for your web page
- 7. (5) Add a header and footer HTML <body> <div id="header"></div> <div id="col1"></div> <div id="col2"></div> <div id="col3"></div> <div id="footer"></div> </body> CSS #header { margin-bottom: 10px; } #col1 { float: left; width: 48%; margin-left: 3%; display: inline; ; } margin-left: 3%; } #col2 { float: left; width: 20%; margin-left: 3%; } #col3 { float: left; width: 20%; margin-left: 3%; } #footer { clear: both; } What's the secret behind a liquid layout?