Results 1 to 4 of 4
  1. #1
    Roll Tide mobilebadboy's Avatar
    Join Date
    January 18th, 2005
    Location
    Mobile, Alabama
    Posts
    1,220
    Padding Issue
    I've been working on this site and it's exactly like I want it in both IE(6) and Firefox(2), or close enough, except for one small issue. I have the main content boxes inside a wrapper, the wrapper has 20px padding all the way around. IE is adding the bottom padding, but Firefox doesn't.

    Any ideas? I think I had this problem a while back with another site, but I don't remember which, or what I might have done to correct it. Even if I add a bottom margin value to whatever the last content box is, it still makes no difference (in FF).

    http://shawnkerr.com/bojangles/
    http://shawnkerr.com/bojangles/bojangles.css.txt

    Shawn Kerr (.com) | Disney World | SEC Football

  2. #2
    ABW Ambassador Bob Lawrence's Avatar
    Join Date
    July 2nd, 2007
    Posts
    1,090
    Mobilebadboy;
    if you are using css try adding this to the end of the css tag, this is a hack work around that will sometimes trick IE6 and IE7 to display it correctly.

    voice-family:"\"}\"";
    voice-family:inherit;
    width:28%;
    }
    html>body #sidebar {
    width:28%;
    }

    You may have to change the width to suit your needs. Below is a complete example.


    #sidebar_a {
    float:left;
    /* display:none; */
    /* position:absolute;
    /* top:152px; */
    /* left:2px; */
    margin-top:45px;
    width:28%;
    text-transform:capitalize;
    margin-bottom:2px;
    padding:2px;
    border:2px solid #0ff;
    voice-family:"\"}\"";
    voice-family:inherit;
    width:28%;
    }
    html>body #sidebar {
    width:28%;
    }
    Where's the Great Life of Affiliate Marketing Hiding?

  3. #3
    Comfortably Numb John Powell's Avatar
    Join Date
    October 17th, 2005
    Location
    Bayou Country, LA
    Posts
    3,432
    Code:
    #football { background: #4F4F4F; border: 1px #9E9E9E solid; color: #E9E9E9; font-family: Arial; font-weight: bold; padding: 20px;
    	margin: 18px 0px 20px 0px }
    This worked in Firefox to give that 20px space at the bottom, but couldn't test it in IE.


  4. #4
    Roll Tide mobilebadboy's Avatar
    Join Date
    January 18th, 2005
    Location
    Mobile, Alabama
    Posts
    1,220
    Figured it out by just adding overflow: auto to the wrapper. Knew it had to be something simple.

    Shawn Kerr (.com) | Disney World | SEC Football

  5. Newsletter Signup

+ Reply to Thread

Similar Threads

  1. anyone have this issue
    By gearupandplay in forum PopShops
    Replies: 2
    Last Post: December 3rd, 2008, 09:56 PM
  2. Yahoo padding it's pocket
    By Retired Member in forum Search Engine Optimization
    Replies: 1
    Last Post: August 4th, 2003, 09:27 AM
  3. Replies: 41
    Last Post: July 16th, 2003, 09:39 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •