|
Posted by dorayme on 11/03/66 11:49
In article <128a0ivk4n26mfa@corp.supernews.com>,
oldwetdog <oldwetdog@googleD0Tnet> wrote:
> Guybrush Threepwood wrote:
> > I'm practicing my CSS skills and tried to make a
> > layout like http://www.openal.org/ without using tables. I can't seem
> > to get it completely right. Any hints on how to tackle this problem?
> >
>
> I thought I'd try to create something that looks like your sample --
>
>
> quick, down and dirty
>
>
> <body style="margin: 0;">
> <div>
>
> <div style="width: 100%; height: 186px; background: #FFFCCC;">
>
> <div style="float: left; width: 17%; height: 186px;
> background: #7F7F7F; padding: 1em;">
> <H1 style="color: #FFFCCC;">TOP<BR>RIGHT</H1>
> </div>
>
> <div style="width: 83%; background: #FFFcCC; float: right;
> clear: left; height: 186px;">
> <P STYLE="MARGIN: 2EM;">This is the content on the top right</P>
> </div>
>
> </div>
>
> <div style="width: 17%; height: 600px; background: #FFFCCC;
> float: left;">
> <H2 style="text-align: center; padding-top: 9em;">left
> <br>verticle</H2>
> </div>
>
> <div style="width: 83%; height: 600px; background: #B7B78c;
> float: right; clear: left;">
> <p style="margin: 18em;">This is the content on the bottom
> right</P>
> </div>
>
> </div>
>
> </body>
Not the best in Safari...
--
dorayme
[Back to original message]
|