I have the following CSS code in my stylesheet:
#pagecontentleft {float: left;width: 501px;text-align: left;line-
height: 20px;padding: 0;}
#pagecontentleft p {margin: 0;padding: 6px 0px 6px 6px;}
#leftcolumn1 {float: left;width: 249px;height: auto;border-left: 1px
solid #F2ECCF;}
#leftcolumn1 p {padding: 0;}
#leftcolumn2 {float: left;width: 248px;border-left: 1px solid
#F2ECCF;border-right: 1px solid #F2ECCF;}
#leftcolumn2 p {padding: 0;}
Here is an example of that section, within a page on the site I am
developing. "pagecontentleft" is the main area on the left containing
the large photo and text and, below it, the two float regions aligned
horizontally:
http://www.tmsa.org.uk/DRAFT/test.asp
As you can see, if the text content of the box on the right is less
than the box on the left, the border will not run the full length of
the first box, which looks disjointed.
How do I set "leftcolumn2" so that it runs the same length as
"leftcolumn1"?
Similarly, if the content of leftcolumn2 is larger than leftcolumn1
then I also need to to be the same size.
I need both areas to be flexible, rather than a specified height, as
there will be varying content in both.
Appreciate the help, thanks.
Regards
Nath.
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
