Random (but not really)

Thursday, March 19, 2009

Now for Something Completely Different

So, despite the fact that IE sucks, otherwise the new theme seems to be working well.

If you’re curious how it worked, what you’re looking at is something like this:

Here’s what goes in the index page:

<div id="wrap">
<div id="content">

Posts go here

<div id="bottom">
<p>This is text at the bottom of the page. Maybe. Maybe not.</p>
</div>

</div> <!– content? –>

<?php get_sidebar(); ?><!– opens two separate include files, sidebar 1 and sidebar 2 –>

</div> <!– wrap? –>

And here’s that part of the style sheet:

/* This division contains the remaining divisions in the design */
#wrap {
width:100%;
text-align:left;
min-width:75em;
}

/* This division contains the main content, including the posts */
#content {
float:left;
left: 0;
top: 185px;
width: 71%;
min-width: 33em;
max-width:58em;
padding: 2em;
min-height: 225em;
}

#sidebar_1 {
float:left;
width:15em;
padding:.75em;
}

#sidebar_2 {
float:left;
width:15em;
padding:.75em;
}

What I need to do is place both sidebars in another container, so that the second slidebar doesn’t slip under the content when viewing a single, short post.

What worked was placing a min-height in the content area.

Please let me know if you’re having trouble with this format in any browser besides IE6.

Oh, and that bottom section will eventually have something in it. Once I figure out what wants to go there. (I wanted something that stretched 100% like the top image, but no luck with that yet.

Powered by WordPress

This is text at the bottom of the page.

Discover more from Random (but not really)

Subscribe now to keep reading and get access to the full archive.

Continue reading