vertical div alignment

I have a vertical div alignment, http://www.flunkme.com/college-guide/

Basically I have: - Full Article (707 words)
- Posted in Grants & Loans

I want to show them on the same line, one aligned left the other right.

Code for the first one is:

 

I don't quite follow, maybe it is because it is the weekend and my brain is slowing down.....

 

this should work:

vanessa.

 

it messed up whole style...

 

is it a liquid layout?
do you want one aligned waaaay left and one waaay right or beside each other?


vanessa.

 

I'm not sure what u mean under liquid, its based upon default wordpress theme.

Actually I wanted to try both and see how it looks.

 

Why don't you just keep it simple and use a table?

<center>
  <table cellspacing="2" cellpadding="0" border="0">
    <tr>
      <td>
        <div class="entry">
          <?php the_content('Read the rest of this entry &raquo;'); ?>
        </div>
      </td>
      <td>
        <div class="postmetadata">
           Posted in <?php the_category(', ') ?>
        </div>
      </td>
    </tr>
  </table>
</center>

Code (markup):

 

I don't like tables... I'd like to accomplish this using divs

 

I'm looking at the page now
it looks like you'll have to fiddle around with the css stylesheet to get what you want

first thing is to take out the .postmetadata where it clears it left
that's why it's pushing down below the entry div
but you might also have to fiddle around with the entry and postmetadata margins and padding to get the exact look you're after

hth,


vanessa.

 

For two lines:

<div class="entry" style="text-align: left;">
<?php the_content('Read the rest of this entry &raquo;'); ?>
</div>

<div class="postmetadata" style="text-align: right;">
Posted in <?php the_category(', ') ?>
</div>

Code (markup):

For one line:

<div>
  <span class="entry" style="text-align: left;">
  <?php the_content('Read the rest of this entry &raquo;'); ?>
  </span>

  <span class="postmetadata" style="text-align: right;">
  Posted in <?php the_category(', ') ?>
  </span>
</div>

Code (markup):