The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> How to Make a Column Divider, How to add a divider between two columns of text
FBrack
post Mar 7 2010, 12:14 PM
Post #1





Group: Members
Posts: 5
Joined: 7-March 10
From: Raleigh, NC
Member No.: 11,310



I'm trying to make the transition from tables to straight HTML and CSS. I can't figure out how to place a vertical dividing line between two text columns on the screen - a visual separator, if you will. I would prefer not to hard-code the width of the window. My coding standard is XHTML 1.0 Transitional.

Basically I have the following code:

div id="container" ... min-width 800
div id="leftcol" ... which has positioning of float left, width 49%
div id="rightcol" ... which has positioning of float right, width 49%

The problem I'm running into is that the column lengths may be different, and I want the divider to run the length of whichever column is longest. Your help will be greatly appreciated! THANKS.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th April 2024 - 09:21 AM