Posted by windandwaves on 10/05/43 11:17

William Hughes wrote:
> On Mon, 30 May 2005 12:07:56 +1200, in alt.html "windandwaves"
> <winandwaves@coldmail.com> wrote:
>
>> Hi Dudettes and Dudes,
>>
>> Sad as it may be, I am still having trouble with the float business.
>>
>> If I want to put two divs next to each other and let them slip one
>> under the other in no way then how do I do that.
>>
>> My plan was:
>>
>> <DIV ID="main">
>> <DIV ID="menu" STYLE="float: left;">menu items</DIV>
>> <DIV ID="copy" STYLE="float: right;">copy stuff</DIV>
>> </DIV>
>>
>> but it does not seem to work (COPY ends up under MENU - btw I am
>> using HTML strict)
>>
>> what am i doing wrong?
>>
>> TIA
>>
>> - Nicolaas
>
> In *.css:
>
> div.menu { float: left; width: 25%; color: #000000; background:
> #c0c0c0 url(./img/bg-menu.gif) }
> div.main { float: right; width: 73% }
>
> Note: I deliberately left a 2% "gutter" for spacing, otherwise the
> text in "main" winds up hard against "menu".
>
>
> In *.htm:
>
> <div class=menu>
> <!--#include virtual="./includes/menu.htm"-->
> </div>
>
> <div class=main>
>
> PAGE BODY HERE
>
> </div>

that works magically (www.wapitipark.co.nz/AV/)

[Back to original message]