Web | This Site

Shared Tutorials New
Website Development
2D & 3D Graphics
Audio & Video Editing
Databases
Desktop Programming
Operating Systems
Business Applications
Miscellaneous
Selected Reading
© 2011 TutorialsPoint.COM

| Top Tutorials |  | New Tutorials |  | Submit |  | Login |  | Register |  | Forums

# Shared Tutorials Directory

Tutorials Shared by the Community

- ### Two column layout using pure css and divider image

  This tutorial explains how to design two column css layout with a line dividing left column from the right going through the whole length of the page
  http://www.sebastiansulinski.co.uk/web_design_tutorials/css/layout_div...

## Tutorial Statistics

- Total Hits: 1569

- Average Rating :

- Total Votes: 0 votes

- Category: CSS/Advanced

- Submitted on: 2008-03-07 10:14:25

- Submitted By: Devesh Khanna

- Set as Favorite

## Tutorial Detail ( View Tutorial )

Some time ago I was trying to figure out how to create two column css layout where left column will be divided from the right one with a vertical line.
It would be simple when you are trying to use a table layout - simply apply a left border to the right column and done, but I wanted to do completely table-less layout. When you use border in css for left or right
then depends on the length of the columns you might end up with a line shorter than the column with the content.
This tutorial explains how to design two column css layout with a line dividing left column from the right going through the whole length of the page, regardless of the length of the columns. More detail...
Previous Page

Advertisement

Online Image Processing

Indian Baby Names