WordPress.org

1. daveJELLYPHISH
   Member
   Posted 2 years ago #

   hi,

   With this blog:

   http://www.churchfields-farm.co.uk/blog/

   the left search and archives list align fine within my browser. I have given the left div a padding of 60

   But in some peoples browsers the padding seems to have no effect? and they both aligh flish to the left div.

2. daveJELLYPHISH
   Member
   Posted 2 years ago #

   sorry it is not a css issue. Am am using carriage returns to place the objects:

   div id="left">
   <ul>
   <?php if ( !function_exists('dynamic_sidebar')
           || !dynamic_sidebar(1) ) : ?>
   
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   
   <li>
   
   <?php include (TEMPLATEPATH . '/searchform.php'); ?>
   
   </li>
   
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   
   <li>
   			<?php wp_get_archives('type=monthly'); ?>
   			</li>
   
   <?php endif; ?>
   
   </ul>
   
   </div>

   SO how can I replace these to work in other browsers

3. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Get rid of all <p>&nbsp;</p> lines. It's a lousy way to add padding/margins to anything but especially within an unordered list outside of the <li></li> markup. That will seriously invalidate the markup - which means that pretty much anything could happen in terms of the display cross-browser.

   Use CSS:

   #left ul li {margin-bottom:10px;}

Topic Closed

This topic has been closed to new replies.