cULTURE
Style Home
Styleguide
Templates
Basic 100% Table
Deprecated HTML Tags
Best Practice Design External CSS

Best Practice CSS Template

This Table uses an external "master" CSS to expand the table and keep it at 100% of the browser window:

<link href="styles/3vstyles.css" rel="stylesheet" type="text/css">

To view html source of this webpage, in your browser go to View > Source.

Note the external CSS setting the page format attributes and values. The format or platform (the computer, software, etc) is now largely separate from the content (the text, images, audio and video etc) fulfilling the regulations and promise of XML.

Almost any design element (colour, borders, tables, position, etc) can now be handled by CSS.

However use of more sophisticated CSS functionalities is difficult and requires high level skills. Because of this most site designers use a mixture of the older table tags and the newer CSS formatting features.

See web search for details on CSSs.

Note: there are several line breaks <br> used at the ned of the text to push the content Table to the bottom of the browser. As mentioned in Web Design Templates:

"Sadly, once the master Table is set to 100% height, a nested (inside another table) or sub-Table can't then have a 100% height. To get the content Table to fit to browser bottom requires tricks (e.g. extra space or cells at Table bottom, or adding a one pixel "shim" gif set to fill the area, etc.. These tricks will be detailed at a later time, search online in the meantime".

and

"However use of sophisticated CSS functions is difficult, requiring high level skills. Because of this most site designers use a hybrid or mixture of older Table tags and newer CSS formatting features."




cULTURE cHANNEL Webtech 2006.