|
|
Posted by Jonathan N. Little on 11/25/28 11:49
dorayme wrote:
> In article <4d9fd$44838d04$40cba7b5$17826@NAXS.COM>,
> "Jonathan N. Little" <lws4art@centralva.net> wrote:
>
>> Mondas wrote:
>>> I have a table with three columns, with text in each one. I want the
>>> text to all start at the same position heightwise in each frame - at
>>> present each column of text starts staggered, I think the content of
>>> each frame is being centered height-wise, which is throwing off the
>>> start position of the text.
>>>
>>> I made the page with Dreamweaver. I thought it was perhaps an issue
>>> with my browser, but it displays the same with FF and IE.
>>>
>>> http://www.mickpeckmagic.com/birthdaytips/birthdaytips.html
>>>
>>> Help please :-)
>> http://www.google.com/search?hl=en&lr=&q=3+column+css+layout&btnG=Search
>> 3 column css layout - Google Search
>
> ie. if you have a few months to spare...
>
Sorry what could be simpler
<style type="text/css">
#banner {
//put the bottom border just this demonstration */
margin: 0 1%; padding: 0; border-bottom: 5px double silver;
}
.column {
margin: 0 1%; padding: 0; float: left; width: 31%; overflow: auto;
}
</style>
<div id="banner">
<p>Put stuff that you want in the top banner area here...<p>
</div>
<div id="col1" class="column">
<p>
First column stuff,....
</p>
<p>
Can have different amounts in each column and all three tops
will be the same...
</p>
</div>
<div id="col2" class="column">
<p>
Second column stuff,....and all three will size with the window and
text scaling!
</p>
</div>
<div id="col3" class="column">
<p>
Third column stuff,....
</p>
</div>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|