Float?

I am trying to float a calendar thing to the right so that the Content flows around it on
http://fixmysite.us/gmpc/wordpress/?page_id=43
As you can see, the calendar is moving over to the right, but the content does not wrap around it, rather it starts below it leaving loads of white spacem here is the code in my page.php (since it is a wordpress page)


<?php
/**
 * The template for displaying all pages.
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */

get_header(); ?>

        <div id="container">
            <div id="content" role="main">
<div id="calendar">
<?php
require("../calendar/calendar.php"); 
?>
</div>
            <?php
            /* Run the loop to output the page.
             * If you want to overload this in a child theme then include a file
             * called loop-page.php and that will be used instead.
             */
            get_template_part( 'loop', 'page' );
            ?>

            </div><!-- #content -->
        </div><!-- #container -->
<?php get_footer(); ?>


What am I missing

Heh heh, NOW it’s a CSS issue. :slight_smile: In your style sheet, these bits in red are causing the problem, so just remove them:


h1, h2, h3, h4, h5, h6 {
  [COLOR="#FF0000"]clear: both;[/COLOR]
}


#content p {
  [COLOR="#FF0000"]clear: both;[/COLOR]
  color: #5F4B3D;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 10px 0;
}

thanks…

You’re welcome. I’m sorry I didn’t notice those styles in your previous thread, but it’s handy when all the bits and pieces are in the right place. :slight_smile: