Di internet ada website-website bagus di mana kita dapat belajar mendisain web dengan CSS. Salah satunya adalah http://layouts.ironmyers.com/ .

Dalam website ini ada disajikan beberapa tipe layout yaitu:

  1. Full Main Column Layout
  2. 1/2 x 1/2 Main Column Layouts
  3. 1/4 x 1/4 x 1/4 x 1/4 Main Column Layouts
  4. 1/3 x 1/3 x 1/3 Main Column Layouts
  5. 2/3 x 1/3 Main Column Layouts
  6. 1/3 x 2/3 Main Column Layouts
  7. 3/4 x 1/4 Main Column Layouts
  8. 1/4 x 3/4 Main Column Layouts

Masing-masing layout bisa diset ke 100% Fluid, 974 px Fluid, 950 px width dan 750 px width. Gabungan  layout dan width ini masing-masin bisa Preview dan Download.

Pada menu lain ada Layouts Customization Guide yang membahas bagaimana mengimplementasikan YUI Grids CSS. Kemudian ada juga menu lain pengelompokan 100 Percent CSS Layouts, 974 Pixel Fluid CSS Layouts, 950 Pixels CSS Layouts dan 750 Pixel CSS Layouts.

Layout CSS ini tampil secara baik di Internet Explorer, Firefox dan Opera.

Kunjungi www.proweb.co.id untuk menambah wawasan anda.