Sent by Roger Roelofs on 1 March 2005 23:11
James,
On Mar 1, 2005, at 5:06 PM, James Shewmaker wrote:
> Hello,
>
> Yesterday, Tedd's simple box at webbytedd.com pointed me in the right
> direction for creating a viewport graphic border. However my problem
> now is
> putting things inside the Graphic Border.
>
> The 3 column layout which is sometimes called "holy grail" makes each
> of its
> columns absolute. However to make Tedd's solution work, I need to make
> anything which goes into the Simple Box be relative to the Simple Box.
>
> But this destroys the three column layout.
>
> Please visit http://qwerty.us/tm/designdefault.htm to see my problem.
>
> I am not concerned about the header <div> at this present time, just
> the
> three columns.
>
> Is there anyway to acheive the border effect and also acheive the 3
> column
> affect at the same time.
In order to maintain the border effect, the longest column must be
position: relative. The other cols can be position: absolute; In your
case I used the following css
#trc add position: relative;
#leftcontent, #rightcontent {
position: absolute;
top:50px;
width:200px;
}
#leftcontent {
left:50px;
}
#rightcontent {
right:50px;
}
#centercontent {
position: relative;
margin: 0 250px;
padding: 10px 0 50px;
}
Roger,
Roger Roelofs
Know what you value.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
