How to Make a Column Divider, How to add a divider between two columns of text |
How to Make a Column Divider, How to add a divider between two columns of text |
FBrack |
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. |
Lo-Fi Version | Time is now: 28th April 2024 - 09:21 AM |