Posted by oldwetdog on 10/18/70 11:49
oldwetdog 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
>
>
:-)
and don'tcha know if i'd taken another minute to read before I
hit the send button, I mighta noticed the owies...
<body style="margin: 0;">
<div>
<div style="width: 100%; height: 86px; background: #FFFCCC;">
<div style="float: left; width: 15%; height: 86px;
background: #7F7F7F; padding: 1em;">
<H1 style="color: #FFFCCC;">TOP<BR>LEFT</H1>
</div>
<div style="width: 83%; background: #FFFcCC; float: right;
clear: left; height: 86px;">
<P STYLE="MARGIN: 2EM;">This is the content on the top
right</P>
</div>
</div>
<div style="width: 15%; height: 600px; background: #FFFCCC;
float: left;">
<H2 style="text-align: center; padding-top: 9em;">left
<br>verticle</H2>
</div>
<div style="width: 85%; height: 600px; background: #B7B78c;
float: right; clear: left;">
<p style="margin: 18em;">This is the content on the bottom
right</P>
</div>
</div>
</body>
Oh, well....
[Back to original message]
|