Hey Cole,
According to your style sheet, you're trying to float the menu to the left.
However, it's already on the left!
#container #menu
{
background-color: #fff;
padding: .5em;
color: #000;
float left;
width: 100px;
display: block;
font-size: .85em;
border: 2px solid red;
}
Instead, you need
system for the site, so the C#
code that applies the classes to appropriate items isn't visible. But anyone
who has programmed the channel object collection in CMS will appreciate how
easily you can generate the menu lists!
Carmen Carter
In theory, Javascript is great. But over the last year my company has
actually started avoiding javascripted menus because of the problems that
are inherent in client-based code.
When a browser can't handle javascript, the results can be an unreachable
site; the worse thing that happens when a
Ah! Now I get what you're trying to do.
One way to get that effect is this to put the Menu first in the markup, then
set if to float left. Then set a left margin for the Header and the Contents
that allows enough room for the Menu, plus a little white space.
Here's a roungh in-line example of
Margin values are added to your block element width, not included in that
width. So you've set a width of 49%, plus a margin of 2%, for a combined
width of 51% for each column.
Your total layout width is 102%, so it is not surprising that the float is
not working properly.
Try a width of 48%