Two column layout using pure css and divider image
Advertisements
| Top Tutorials | New Tutorials | Submit | Login | Register |
Tutorial Detail
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 pagehttp://www.sebastiansulinski.co.uk/web_design_tutorials/css/layout_divider.php
Total Hits: 4164
- Average Rating :
Total Votes: 36 votes
Category: CSS/Advanced
Submitted on: 2008-03-07 10:14:25
Submitted By: Devesh Khanna
Description:
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...
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...
Rating Detail
| Stars | Percentage | Total Vote |
|---|---|---|
| |
   16.67% |
6 |
| |
   16.67% |
6 |
| |
   16.67% |
6 |
| |
   16.67% |
6 |
| |
   16.67% |
6 |
Caste Your Vote
Advertisements