3 Column Page Design using YUI
The Yahoo! User Interface Library (YUI) is a collection of Java script and CSS, which helps for building rich interactive web applications quickly. The CSS components provide a collection of CSS which when used correctly helps us to produce nice and complex layouts. The following ★reset.css normalizes margins, padding, etc. ★fonts.css sets font baseline & even scaling ★grids.css defines classes for preset height and widths of div html elements ★base.css Base is an optional CSS file that complements YUI's core CSS foundation (Reset, Fonts, and Grids). While Reset removes and neutralizes the inconsistent default styling of HTML elements, Base applies a consistent style foundation for common HTML elements across A-grade browsers In the following example I have created a Three column page structure using YUI CSS Framework. <html> <head> <title>Reworked with YUI Grids CSS</title> <link rel="stylesheet" type="text/css" hre