Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter davejellyphish

    (@davejellyphish)

    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

    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;}

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘css padding issue’ is closed to new replies.