Sent by lon.kraemer on 4 May 2002 22:10
Hi Kerin,
Actually, no... everything is NOT relatively positioned! You see, you have
your #menu {float: left;}. This takes it OUT of the normal flow. In this
case, you need to allow for the space it's taking by adding margin-left to
#content. Try this:
<style type="text/css">
#holder {
margin-left:12.5%;
margin-right:12.5%;
border: 1px solid red;
}
#menu {
float: left;
width: 112px;
border: 1px solid blue;
}
#content {
border: 1px solid black;
margin-left: 137px;
}
</style>
This should get you started on the right path. (No height declarations
needed)
--
Lon Kraemer
-----------------------------------------
> > Let's see your CSS attempt. Then we can advise as to what the problem
is!
>
> Well, my current CSS version is here :
>
> http://www.10thcircle.com/dumper/whatigot.html
>
>
> As you can see, the content div wraps under the menu div. This I dont
> understand, as the menu div isnt nested within the content block.
Everything
> is relatively positioned - how can the menu div appear inside the content
> block?
>
> Regardless, I know that if I specify a height for the menu block, it'll
all
> fall into place. But, due to the nature of this page (when it's finished),
I
> won't know how long the page is, and I don't want the content to wrap.
>
> Thanks again,
>
> Kerin