I want to create a two-column content area with a max width of 700px and and two columns inside with a max width of 340px each. Here's the catch....can I make the content from the first column spill over into the second column after about 300px height? If so...how? Thanks.
A:
You'll have to remove the right hand column from the document's flow, usually done by float:right and set the height of the right-hand column to 300px
Jeff Paquette
2009-11-09 04:21:54
A:
try this.. hope it helps
<head>
<style>
.main {
width:700px;
border: solid 1px;
height:500px;
padding: 5px;
}
.left{
position:absolute;
width:340px;
float:left;
border: solid 1px;
height:500px;
}
.right{
margin: 0px 0px 0px 300px;
width:300px;
float:left;
border: solid 1px;
height:500px;
}
</style>
</head>
<div class="main">
<div class="left">
</div>
<div class="right">
</div>
</div>
Treby
2009-11-09 04:22:39
A:
Given your question is asked for HTML/CSS, you can rejoice: Multicolumns will be available in CSS3, (sarcasm) available soon in modern browsers, available 2040 in MSIE(/sarcasm)
The alternative variant would be something along the sides of splitting the text via Javascript and writing into diferent myDIV.innerHTMLs
Martin Hohenberg
2009-11-09 04:23:18