Computer and Modernization

Previous Articles     Next Articles

 A Self-Adaption Page Layout Method Based on CSS+DIV

  

  1. 1. Hainan College of Economics and Business, Haikou 571127, China; 2. Haikou College of Economics, Haikou 571127, China
  • Received:2014-03-18 Online:2014-06-13 Published:2014-06-25

Abstract:

 CSS+DIV layout schema has gradually become the core technology when design HTML page. This paper explains and compares several HTML page layout technologies in
common used, and shows a self-adaption page layout pattern coded in CSS+DIV schema, which give an example of self-adaption HTML page with 2-rows and 3-clolumn. The example code
focuses on the techniques of making one column adaptive to the screen when the other two are fixed, and in similar way by making two columns adaptive when only one column is
fixed. So many practices have revealed that self-adaption layout pattern makes the page to display more flexible and more portable when target some modern devices.

Key words: CSS+DIV, page design, page layout, adaptive width