fifeclub — Thu, 03 Jun 2004 15:43:40 +0000

Thanks y'all. I wanted to follow up with how I finally solved it incase it can help anybody else in the future. I tried float and absolute-positioning and both worked but with snags. Finally I decided that rather than trying to move the main content, I could float-left the navigation menu.

#navigation {float: left; padding-right: 10px}'
That worked beautifly. Thanks for the help that led me to the right functions to be trying out.

P.S. That was the first time I ever used "id" instead of "class"

brady.k — Thu, 03 Jun 2004 13:51:09 +0000

use a div, so it would look like this:<div class="main">This is the body text of my page..blah blargh blah</div>and the CSS would be something like

div.main {
float: right;
width: 70%;
height: 100%;
}

'
Adding all the necessary tags, like you would for tables, in the div class

Suzanne — Wed, 02 Jun 2004 23:52:15 +0000

Mike, you need to have all that text in an element. No naked text in the element. And close all your tags.

Run it through the validator, then try styling it. It works FAR better on valid code, and the best code has all the tags closed.

ShaneS — Wed, 02 Jun 2004 23:26:58 +0000

You need to use CSS float:

That will make your tables align left or right.

I did my site with divs and CSS and let me tell you...its is NOT fun...I eventually went back to tables because I was tweaking for over a week, and with tables it took me all of 3 hours to get it exactly the way I needed it.

Float your menu and the content SHOULD move next to it...I didn't view the source so it might not do anything.