Problem with wordpress theme

Discussion in 'HTML & Website Design' started by MattEvers, May 10, 2007.

  1. #1
    I can't get the content to stop blocking down under the sidebar.

    The URL is www.mve3.com

    Any ideas?

    Here are the files:

    style.css
    *
    {
      padding: 0;
      margin: 0;
    }
    
     #wrapper
    {
      width: 700px;
      margin: 0 auto;
      overflow: hidden;
    }  
    #header {
    	background: url('images/logo.jpg') no-repeat bottom center;
    	}
    	
    
     #headerimg 	{ 
    	margin: 7px 9px 0; 
    	height: 192px; 
    	width: 740px; 
    	}
      #footer
    {
      margin: 2em auto;
      clear: both;
      text-align: center;
    
      width: 85%;
      height: 3em;
      color: #804A0F;
      padding-top: 10px;
      padding-bottom: 10px;
    
    }
    
    
    h1{
    display: none;
    }
    
    #sidebar
    {
    width: 28%;
    margin-left: 70%;
    background-color: #b4a77a;
    color: #5d5743;
    border: 1px solid #5d5743;
    float: right;
    }
    #sidebar ul
    {
      list-style: none;
      margin-bottom: 10px;
    
    }
    #sidebar ul h2
    {
    background-color: #b4a77a;
    border-bottom: 1px solid #5d5743;
    border-top: 1px solid #5d5743;
    
    font-size: 1.2em;
    font-weight: normal;
    padding: 2px;
    margin-bottom: 5px;
          }
    
    #sidebar ul ul ul
    {
      margin-bottom: 0;
    }
     #searchform
    {
      text-align: center;
    }
    
    
    #searchform #s
    {
      width: 50%;
      background-color: white;
    }
    
    #sidebar a
    {
      text-decoration: none;
      color: #4A2C00;
    }
    
    #sidebar a:hover
    {
      text-decoration: underline;
    }
     #wp-calendar
    {
      border: 1px solid #FDE5C3;
      width: 80%;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 15px;
    
    }
    
    #wp-calendar th
    {
      background-color: #FDE5C3;
    }
    
    #wp-calendar a
    {
      border: 1px solid #4A2C00;
      background-color: white;
      display: block;
    }
    
    #prev a, #next a
    {
      border: 0;
    }
    
    #wp-calendar caption
    {
      text-align: center;
      width: 100%;
    }
    
    #content
    {
    	color: #804A0F;
    	width: 70%;
    
       }
    body
    {
      font-family: ‘Trebuchet MS’, Arial, Verdana, Sans-Serif;
      font-size: 76%;
    }
    #footer
    {
      clear: both;
    }
    
    hr
    {
      display: none;
    }
    HTML:
    index.php
    
    <?php get_header(); ?>
    
    	<div id="wrapper">
    	<?php get_sidebar(); ?>
    	<div id="content" class="narrowcolumn">
    
    	<?php if (have_posts()) : ?>
    
    		<?php while (have_posts()) : the_post(); ?>
    
    			<div class="post" id="post-<?php the_ID(); ?>">
    				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
    				<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
    
    				<div class="entry">
    					<?php the_content('Read the rest of this entry &raquo;'); ?>
    				</div>
    
    				<p class="postmetadata">Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
    			</div>
    
    		<?php endwhile; ?>
    
    		<div class="navigation">
    			<div class="alignleft"><?php next_posts_link('&laquo; Previous Entries') ?></div>
    			<div class="alignright"><?php previous_posts_link('Next Entries &raquo;') ?></div>
    		</div>
    
    	<?php else : ?>
    
    		<h2 class="center">Not Found</h2>
    		<p class="center">Sorry, but you've hit a dead end.</p>
    		<?php include (TEMPLATEPATH . "/searchform.php"); ?>
    
    	<?php endif; ?>
    
    	</div>
    	
    	</div>
    
    
    <?php get_footer(); ?>
    
    HTML:
     
    MattEvers, May 10, 2007 IP
  2. parag

    parag Banned

    Messages:
    62
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try removing
     margin-left: 70%;
    Code (markup):
    from #sidebar and it worked in FF 2.0 and IE 6.0.xx

    - Parag
     
    parag, May 10, 2007 IP
    MattEvers likes this.