5 replies [Last post]
KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 12 years 24 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Beware: this problem has serious pain-in-the-rear potential. Cool

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.

Diplomacy is the art of letting someone have your way

insin
insin's picture
Offline
Enthusiast
Belfast, NI
Last seen: 16 years 31 weeks ago
Belfast, NI
Joined: 2003-05-07
Posts: 57
Points: 0

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?

A Pedant Writes...
Into the mountain,
I will fall.

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 12 years 24 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

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.

Diplomacy is the art of letting someone have your way

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 1 hour ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Adding a right-side column

Hi KnightWolfJK,
The example link shows a mean looking 404 error page. Cool

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.

exorcyze
Offline
Regular
Last seen: 16 years 19 weeks ago
Joined: 2003-07-30
Posts: 18
Points: 0

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;}

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 12 years 24 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Adding a right-side column

Bah, I guess I have too many websites- I keep forgetting the URL's. Smile I've fixed the original link, it should have been http://vice.planetjk.com/journal

I'll be trying the suggestion(Drunk in a minute, thanks

Diplomacy is the art of letting someone have your way