Shared Tutorials


  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 : URL RatingURL RatingURL RatingURL RatingURL 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...




  

Advertisement

Online Image Processing

Indian Baby Names