Previous Message
Next Message

Re: [css-d] (what should be) simple CSS layout?

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
Previous Message
Next Message

Message thread:

Possibly related: