Forums

css padding issue (3 posts)

  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.

About this Topic

Tags

No tags yet.