Please help me un-drop this float!

Question

This newbie is sure it's something simple. The template for
the home page that's still very much under construction came from
DW CS3. All I wanted to do is to swap the order of the #menu div
with the #mainContent div, so the flow of html is: the header
<h1>, followed by the #mainContent div, followed by the #menu
div. I want the #menu div to float on the left, and the
#mainContent div to float right. Before I swapped these two divs,
they floated correctly. After I swapped them, the #menu div drops
down. I tried tweaking the sizes of both divs, to no effect. I
added the float: left and float:right attributes, no no effect. I
read the chapter on floating divs again, and sorry to report that I
still can't make that dropped #menu float get up there to it's
correct position. I'm sure it's something simple. Please help!
You may see the page at:
http://www.freywine.com/NewSiteExamples/index.html

Answer 1

"brainfillet" <[email protected]> wrote in
message
news:g8pupd$lks$[email protected]..
> This newbie is sure it's something simple. The template
for the home page
> that's still very much under construction came from DW
CS3. All I wanted
> to do
> is to swap the order of the #menu div with the
#mainContent div, so the
> flow of
> html is: the header <h1>, followed by the
#mainContent div, followed by
> the
> #menu div. I want the #menu div to float on the left,
and the
> #mainContent div
> to float right. Before I swapped these two divs, they
floated correctly.
> After I swapped them, the #menu div drops down. I tried
tweaking the
> sizes of
> both divs, to no effect. I added the float: left and
float:right
> attributes,
> no no effect. I read the chapter on floating divs again,
and sorry to
> report
> that I still can't make that dropped #menu float get up
there to it's
> correct
> position. I'm sure it's something simple. Please help!
>
> You may see the page at:
>
http://www.freywine.com/NewSiteExamples/index.html
Replace the margin-left declaration in #mainContent with a
width declaration
(width:570px should do it).
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://developer.yahoo.com/
helps you build applications and mashups