Beware: this problem has serious pain-in-the-rear potential.
I'm trying to modify my MovableType code so that my blog plays nice with the rest of my site structure. I generally use this type of structure:
< - - - - - header - - - - > <menu> < - -content- -> <menu> < - -content- -> <menu> < - -content- -> < - - - - - footer - - - - - >
but in my blog section (only) I'd like to include another column to the right of the content, like so:
< - - - - - - - header - - - - - - > <menu>< - content -><links> <menu>< - content -><links> <menu>< - content -><links> < - - - - - - - footer - -- - - - - >
I've tried quite a few things so far to no avail. Currently I'm using a float:right for links but all it does is place the links div below the content div (example *fixed).
Any ideas? I'll attach the CSS and the source code- it gets a bit messy but that's because I'm trying to meld my original code with the blog code.
Adding a right-side column
How about absolutely positioning the right menu with right: 0px; then setting the margin-right of the content div equal to the width of the right menu?
Adding a right-side column
I just tried
#content { margin: 0px 200px 50px 190px; } #links { right:0px; border:1px solid #FFF; width:200px; }... no luck yet.
Adding a right-side column
Hi KnightWolfJK,
The example link shows a mean looking 404 error page.
I'm a big fan of floating, so what I would do is remove the margins from content, and float everything.
You should put the left column before content in the document flow and make sure you have set correct widths for each of the columns.
Hope that helps.
Adding a right-side column
Had the same problem when I was working on a CSS version of my blog. I ended up going with positioned elements for the nav and setting the margin of the content area. You can view it here:
http://mx.coldstorageonline.com/layout2/
Though I believe you could also have something like this:
#leftnav {float: left;}
#content {float: left;}
#rightnav {float: right;}
Adding a right-side column
Bah, I guess I have too many websites- I keep forgetting the URL's. I've fixed the original link, it should have been http://vice.planetjk.com/journal
I'll be trying the suggestion( in a minute, thanks