Sidebar issues

  • I was just curious if anyone would care to help me out with a sidebar problem I’m having.

    My site is https://www.tellmealie.com/x/

    This was a CSS/XHTML template that I was practicing porting on. I got it working to an extent but the sidebar I cant get to go to the right. below is the css which is where I believe the problem lies. Let me know!

    /* CSS Document */
    body {margin:0; background-image:url(images/bg.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;}
    #page {background-color:#FFFFFF; width:600px; border-top: 8px #FF9900 solid; border-bottom: 3px #FF9900 solid; margin: 0 auto; display:table; padding-bottom:5px;}
    #pageside {background-color:#FFFFFF; width:600px; margin: 0 auto; display:table; padding-bottom:5px;}
    #header {width:600px;}
    #logo {float:left; width: 190px; border-right: 1px #cccccc solid; padding-bottom: 12px; background-color:#eeeeee}
    #logo h1 {font-size:12px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding:5px 0 0 10px; margin:0}
    #logo .tagline {font-size:10px; padding-left: 8px; margin-top:-5px}
    #topnav {float:right; padding-bottom: 5px;}
    #topnav .menu {width: 120px; float:left; border-bottom: 4px #cccccc solid; margin-right: 10px}
    #topnav .menu_item {padding-top:5px; font-size:18px;}
    #topnav .menu_item a{color:#333333; text-decoration:none;}
    #topnav .menu_item a:hover{color:#FF9900; text-transform:uppercase;}
    #topnav .here{color:#FF9900; text-transform:uppercase; padding-top:5px; font-size:18px;}
    #topnav .menu_desc {font-size:10px;}
    #body {padding: 0 0 0 10px; clear:both}
    #body .post {width: 380px; margin:10px 0; padding:0; display:table}
    #body .post h2 {margin:0; color:#FF9900; letter-spacing:-1px; font-size:18px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
    #body .post p {font-size:10px; margin:0}
    #body .post p a{color:#FF9900; text-decoration:none}
    #body .meta {font-size: .75em;}
    #ender {font-size: .75em;}
    #feedback {color: #ccc; text-align: right; clear: both;}
    #sidebar {float:right; margin:0; width: 170px;}
    #sidebar .sidebar_head {background-color:#FF9900; margin-top:4px; padding:4px}
    #sidebar h3{margin:0; color:#FFFFFF; font-size:14px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:bolder;}
    #sidebar ul {margin:5px 0; padding:0 0 0 20px;}
    #sidebar ul li{list-style-image:url(images/0066_double_arrow.png); font-size:11px}
    #sidebar ul li a{text-decoration:none; color:#333333}
    #footer {text-align:center}
    #footer p {color:#FFFFFF; font-size:10px;}
    #footer p a{color:#FFFFFF; text-decoration:none}
    #footer p a:hover{color:#FFFFFF; text-decoration:underline}
    .folio_img {margin: 10px 0; text-align:center; width: 100%; background-color:#eeeeee; padding: 10px; border: 1px #cccccc dashed}
    .folio_img img {border: 1px #cccccc solid; padding:4px; background-color:#eeeeee; margin: 10px 10px 0 0}
    .style1 {color: #FF9900}

    If you need more info let me know.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter robotsateme

    (@robotsateme)

    I found a little bit out about the problem but the problem is I cant get them to align next to one another ive been able to switch which one is in the correct location. It seems like a size problem but I dont see that in the css.

    <div id="page">
    <?php get_header(); ?>
    <img src="/images/head2.jpg" />
    <div id="body">
    <?php get_sidebar(); ?>
    <div id="post">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <?php the_date('','<h2>','</h2>'); ?></div>

    <div class="post" id="post-<?php the_ID(); ?>">
    <h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    <div class="meta"><?php _e("Filed under:"); ?> <?php the_category(',') ?> — <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(__('Edit This')); ?>

    <?php the_content(__('(more...)')); ?>

    <div id="feedback">
    <?php wp_link_pages(); ?>
    <?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?>
    <div id="ender"><?php comments_template(); // Get wp-comments.php template ?>
    <?php endwhile; else: ?></div>
    <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
    <div id="ender"><?php endif; ?></div>
    <div id="ender"><?php posts_nav_link(' — ', __('&laquo; Previous Page'), __('Next Page &raquo;')); ?></div>
    </P>
    </div>
    <?php get_footer(); ?>
    </div>

    to start with, you have no Doctype and errors within your page…fix those first and see where you go:
    https://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.tellmealie.com%2Fx%2F

    Thread Starter robotsateme

    (@robotsateme)

    yea i gotta fix that. i also just fixed up the alignment issue. now its just time to clean up all the colateral damage. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sidebar issues’ is closed to new replies.