I have a bunch of continous text...can css take this one "stream" of text and divided if up into columns?Im a newbie.. but looking at the CSS2 spec, I don't think so. It mentions something about not being able to get the DIRection element for columns since columns don't exist in the Document Object Model - they're usually part of tables. Cells in tables can be addressed, but determining the flow of text would be difficult.
You can use CSS to specify that 'if text exceeds the size of the box I display it in, add a scroll bar to the box...'
this creates three divisions on your page, and the middle one will add scroll bars if the content exceeds the vertical or horizontal size.
#top {
height: 200px;
width: 100%;
background-color: transparent;
}
#middle {
height: 300px;
width: 100%;
background-color: transparent;
overflow:auto;
}
#bottom {
height: 100px;
width: 100%;
background-color: transparent;
}
/* Thanks to DaveSW for his help with this!! */
JohnThis exact functionality is in the CSS 3.o0 spec, but no browsers support it yet. So for the time being we're just SOL.
Here's a link with more info:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/css3-multicol/#the-column">http://www.w3.org/TR/css3-multicol/#the-column</a><!-- m -->
You can use CSS to specify that 'if text exceeds the size of the box I display it in, add a scroll bar to the box...'
this creates three divisions on your page, and the middle one will add scroll bars if the content exceeds the vertical or horizontal size.
#top {
height: 200px;
width: 100%;
background-color: transparent;
}
#middle {
height: 300px;
width: 100%;
background-color: transparent;
overflow:auto;
}
#bottom {
height: 100px;
width: 100%;
background-color: transparent;
}
/* Thanks to DaveSW for his help with this!! */
JohnThis exact functionality is in the CSS 3.o0 spec, but no browsers support it yet. So for the time being we're just SOL.
Here's a link with more info:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/css3-multicol/#the-column">http://www.w3.org/TR/css3-multicol/#the-column</a><!-- m -->