|
Posted by oldwetdog on 11/25/85 11:49
dorayme wrote:
> 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...
>
thanks, I didn't try it in anything but an imitation of IE ...
Navigation:
[Reply to this message]
|