Things you want to know about websites


Fluid or Liquid Layout

In Fluid layouts the width of the blocks or columns is specified in percentages %, as shown in the figure below.

Fluid Liquid Layout

A full screen's width is taken as 100%. Remember that this screen is always the browser's screen window not your complete desktop.


In CSS, the divisions or blocks that are inside a parent divison take their parent divison's size as a reference.

Lets say you assign a division(A) 50% width, which takes half the space in viewing window. Now, if this division has a division(B) inside it and you assign its width to be 50%, then B's width would be half of A's width i.e 25% of the viewing window.



Bookmark or Add to Favourites

Next :

Elastic Layout


Design Layout

Link to this page :

Copy and paste the following code in an html document to link to this page,