• Hi,

    Have my webpage at https://www.samdiener.com.

    I am having trouble getting the “latest content” at the bottom of the page to align properly under everything else. The relative positioning seems to really screw everything up. Do you have any idea what I can do to the CSS to make everything align properly?

    Thanks!

    Sam

Viewing 5 replies - 1 through 5 (of 5 total)
  • You could start by sorting out some of your validation errors but, essentially, this isn’t a CSS issue. It’s a markup problem. You have placed your “latest content” posts after the sidebar instead of within the #mid-content block in your template. Not type of CSS positioning is going to solve that problem properly. You need to fix the markup first.

    Thread Starter samueldiener

    (@samueldiener)

    Removed the “digg” plugin, and 26 of the errors went away.
    Let me see what is causing the rest of them.

    Sam

    Thread Starter samueldiener

    (@samueldiener)

    hmmmm

    Okay – so I fixed most of them,
    I am having a lot of trouble figuring out the rest of these markup errors…. There are 3. Is it possible that they are not in the actual code for the page.

    https://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.samdiener.com.%2F

    Code for the page producing the content is:

    <?php /* Fusion/digitalnature

    Template Name: first page
    */
    ?>
    <?php /* Fusion/digitalnature */ ?>
    <?php get_header(); ?>

    <!– mid content –>
    <div id=”mid-content”>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div id=”post-<?php the_ID(); ?>” <?php if (function_exists(“post_class”)) post_class(); else print ‘class=”post”‘; ?>>
    <?php if (!get_post_meta($post->ID, ‘hide_title’, true)): ?><h2 class=”title left”><?php the_title(); ?></h2><?php endif; ?>
    <p class=”right edit-post”><?php edit_post_link(__(‘Edit’,’fusion’)); ?></p>
    <div class=”clear”></div>
    <div class=”entry clearfix”>
    <?php the_content(__(‘Read the rest of this page »’, ‘fusion’)); ?>
    <?php wp_link_pages(array(‘before’ => ‘<p class=”postpages”>‘.__(“Pages:”,”fusion”).’ ‘, ‘after’ => ‘</p>’, ‘next_or_number’ => ‘number’)); ?>
    </div>
    </div>
    <?php endwhile; endif; ?>
    </div>
    <!– mid content –>
    </div>
    <!– /mid –>
    <?php get_sidebar(); ?>

    <?php $temp_query = $wp_query; ?>
    <?php query_posts(‘showposts=3’); ?>

    <h2 style=”color:white; font-weight:bold; font-size:10pt”>Latest Content</h2>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div id=”post-<?php the_ID(); ?>” <?php if (function_exists(“post_class”)) post_class(); else print ‘class=”post”‘; ?>>
    <?php if (!get_post_meta($post->ID, ‘hide_title’, true)): ?><h2 class=”title left”><?php the_title(); ?></h2><?php endif; ?>
    <p class=”right edit-post”><?php edit_post_link(__(‘Edit’,’fusion’)); ?></p>
    <div class=”clear”></div>
    <div class=”entry clearfix”>
    <?php the_content(__(‘Read the rest of this page »’, ‘fusion’)); ?>
    <?php wp_link_pages(array(‘before’ => ‘<p class=”postpages”>‘.__(“Pages:”,”fusion”).’ ‘, ‘after’ => ‘</p>’, ‘next_or_number’ => ‘number’)); ?>
    </div>
    </div>
    <?php endwhile; endif; ?>
    </div>
    <!– mid content –>

    <!– /mid –>

    <?php get_footer(); ?>

    Thread Starter samueldiener

    (@samueldiener)

    Okay – actually – fixed the markup errors. Now back to the original problem…. So I need to move the placement of the elements?

    Yes. The latest content posts were currently after the sidebar in the markup/template. As far as I can tell, they should have been within the #mid-content block.

    Looks like you got it sorted now. ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘fixing the positioning’ is closed to new replies.