Movable Type Community Forum > getting my columns sorted out

Full Version: getting my columns sorted out

Movable Type Community Forum > Additional Resources > Tips and Tricks

jpmorgan

Jan 7 2003, 09:30 AM

Allright, I have been doing some work on my style sheet and I am having issues with my main index now. I want to have two columns on my blog, one for the blog itself, and one for the links and all the other nonsense. Sounds pretty easy right? Well, not for me. :(

Here is the #content part of the stylesheet

CODE

#content {
float:left;
position:relative;
width:60%;
background:#FFF;
margin-right:15px;
margin-left: 15px;
margin-bottom:20px;
border:1px solid #FFF;
}

and the #links

CODE

#links {
background:#FFF;
padding:5px;
border:1px solid #FFF;
}

And then how it is set up in my main page:

CODE

<div align="center"><table width="830">
<div id="content">

<div class="blog">

blah blah blah with all the MT stuff and then:

</div>

</div>

<div id=links>
<div class="sidetitle">
Welcome
</div>

<div class="side">
<a href="http://www.janeandkevin.com/blog/aboutjane">me and my website</a>
</div>

etc etc etc

I am clearly missing something. Does anyone have time to figure out what that is?
Thanks!

kadyellebee

Jan 7 2003, 01:41 PM

Hmmm, it all looks okay - the only little thing I see that's off is your div id=links doesn't have quotation marks around "links", but that's minor and shouldn't cause problems. So maybe give us a link to the page this is happening on?

Thanks,
Kristine

jpmorgan

Jan 7 2003, 01:55 PM

for sure:

http://www.janeandkevin.com/blog

Any suggestions you might have would be greatly appreciated.
Thanks so so much!

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.