|
|
Posted by William Hughes on 10/13/82 11:17
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>
Navigation:
[Reply to this message]
|