Tag Archive: structure

Website can be divided in three layer.

Structure Layer:

Structure Layer consists with css code. CSS stands for making structure and decoration of web site .

Content Layer

Content Layer consist with content matter only. It should not make structure and decoration any more.


Behaviour is the action through event handler . For example : onclick, double click, etc. Behavious should not act as structure layer and content layer. It should be use only for interactive. For example : Javascript should not display/hide content matter and should not specify decoration for html element.
Continue reading



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

<html xmlns='"http://www.w3.org/1999/xhtml" xml:lang="en">


    Vertically Middle and Horizontally Centering
    WebSite in through div structure

<meta http-equiv="content-type" content="text/html; charset=utf-8" />


<div id="shim"></div>

<div id="wrapper">

My Content goes here




CSS Code :

html, body {
   height: 100%;
   margin: 0;
   padding: 0;

* {
   margin:0px auto;

div#shim {
   visibility: hidden;
   width: 100%;
   height: 50%;
   margin-top: -317px;
   float: left;

div#wrapper {
   width: 1000px;
   height: 635px;
   clear: both;
   position: relative;
   top: -317px;

/* IE4ever Hack: Hide from IE4 **/
   position: static;
/** end hack */


/* Hide from IE5mac \*//*/

div#shim {
  display: none;

html, body {
  height: auto;

/* end hack */

/* ]]> */