Advantages of CSS in Web Layout

by Tuyen H

In the article “An Elastic – Fluid mixing Web Layout Design Based on CSS” Fan Dongyan writes about the how CSS helps developers improve the web layout in the interactive web systems. Because of the diversity and differences of Web browser and browsing habits, developers experience may incompatible layout on different browsers. One ways to prevent this problem is using CSS for layout the website. CSS allows any elements floating no matter it is the image, the paragraph or list. According to the author we can use three steps to layout our website using CSS:
1) Firstly, using a fixed width of three-column layout design container.
         <div id=”main wrapper”>
                <div id=”nav”>
                  <div id=”content”>
                          <div id=”maincontent”>
                            <div id=”promo”>

                   <div id=”footer”>
2) Transforms the fixed width of three-column layout into the type of fluid layout
3) Combine using the technology of elastic layout to realize the page layout along with the user adjusting the font size.

This article talks about our week topic Cascading Style Sheets (CSS). I agree with the author that using CSS layout the web is more compatible than using table layout. Cascading Style Sheets allows the developers easier layout elements. CSS is using the object oriented idea, so we can easily reuses it. Therefore, using CSS will help web developers develop their website effectively and efficiently.

With many different browser and special mobile devices such as android and Iphone browsers, CSS is one of the most technologies for web layout. I believe that, with the new version of CSS, CSS 2.1, web developers will easily develop web system that can be viewed on all devices.

Fan Dongyan; , “An elastic – Fluid mixing Web layout design based on css,” Education Technology and Computer (ICETC), 2010 2nd International Conference on , vol.1, no., pp.V1-518-V1-520, 22-24 June 2010
doi: 10.1109/ICETC.2010.5529195