|
Posted by oldwetdog on 12/31/82 11:49
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>
[Back to original message]
|