http://www.programmerkingdom.com/categories/188/css-layouts.html Programmer Kingdom http://www.programmerkingdom.com/images/logo.jpg http://www.programmerkingdom.com/ http://www.programmerkingdom.com/view/797/creating-a-css-layout-from-scratch.html This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout. This tutorial assumes you have a basic knowledge of how to use CSS, but only have a very basic understanding of how it works. Creating a CSS layout from scratch Introduction Note: This tutorial assumes you have a basic knowledge of how to use CSS, but only have a very basic ...........]]> 2010-04-12T00:00:00-07:00 http://www.programmerkingdom.com/view/798/three-column-fixed-layout-structure-using-css.html This post explains how to design an HTML/CSS basic structure to design a simple three column fixed page layout.This article includes some standard elements such as logo, top bar, navigation bar, text stage, center column for post categorie. Three column fixed layout structure using CSS This post explains how to design an HTML/CSS basic structure to design a simple three column fixed p...........]]> 2010-04-12T00:00:00-07:00 http://www.programmerkingdom.com/view/799/design-page-layout-using-css.html This tutorial will explains how to design page's layout for your site using a css file. In the previous tutorilas we have seen a typical website structure which we can use to project our site. In the css folder create a new css file called default.css where insert the css code to design the page's elements. Design page layout using CSS This tutorial will explains how to design page's layou...........]]> 2010-04-12T00:00:00-07:00 http://www.programmerkingdom.com/view/800/how-to-create-a-horizontally-scrolling-site.html If web pages were made out of wood, the grain would be running up and down. Vertical is the natural flow of web layout. When page elements reach the right edge of the browser window and go over, the flow defaults to “wrapping” that element down onto the next line. How To Create a Horizontally Scrolling Site If web pages were made out of wood, the grain would be r...........]]> 2010-04-12T00:00:00-07:00 http://www.programmerkingdom.com/view/801/making-simple-work-of-complex-css-layouts.html A flexible layout, one which is happy to contort to the requirements of its contents and surroundings.Decent browser support (...or support for decent browsers, at least!).Graceful degradation in legacy browsers. Site in an Hour Making Simple Work of Complex CSS Layouts What are we trying to create? A flexible layout, one which is happy to contort to the requirements of its conte...........]]> 2010-04-12T00:00:00-07:00 http://www.programmerkingdom.com/view/802/the-perfect-3-column-liquid-layout-(percentage-widths).html The CSS used for this layout is 100% valid and hack free. To overcome Internet Explorer's broken box model, no horizontal padding or margins are used in conjunction with a width. The Perfect 3 Column Liquid Layout (Percentage widths) No CSS hacks The CSS used for this layout is 100% valid and hack free. To overcome Internet Explorer's broken box model, no horizontal padding or margins...........]]> 2010-04-12T00:00:00-07:00 http://www.programmerkingdom.com/view/803/css-layout.html One of the major benefits of using CSS is that you’re no longer forced to lay your sites out in tables. The layout possibilities of CSS give you complete control over the positions and dimensions of all page elements. CSS Layout One of the major benefits of using CSS is that you’re no longer forced to lay your sites out in tables. The layout possibilities of CSS give you comple...........]]> 2010-04-12T00:00:00-07:00 http://www.programmerkingdom.com/view/804/liquid-css-layouts---design-alternative-to-table-based-websites.html This article is a step by step case study showing you how to transform your table based web site to liquid CSS based layout. Although the site we're applying the css layout to is a very specific case. Liquid CSS Layouts - Design Alternative to Table Based Websites How to transform fixed table layouts to liquid CSS based layouts This article is a step by step case study showing you how ...........]]> 2010-04-12T00:00:00-07:00