Results 1 to 3 of 3

Thread: IE/Firefox rendering padding different than Chrome/Safari

  1. #1
    Join Date
    Mar 2007
    Location
    New York, NY
    Posts
    557
    Thanks
    8
    Thanked 66 Times in 66 Posts

    Question IE/Firefox rendering padding different than Chrome/Safari

    Hi all,

    I have a mind-boggling issue here. In Firefox and IE, when I set a table to have no padding (cellpadding="0") it renders the table with no padding.

    However, in Chrome/Safari, there seems to be about 2 pixels of padding in each cell.

    I have made a small example here:
    http://www.attendthat.com/test5.php

    Can anyone please tell me what I'm doing wrong? I've been frustrated with this for days.

    Thanks in advance!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    It's default margins in those browsers for the form elements (the inputs and the select), add this style:

    Code:
    input, select {
    	margin: 0;
    }
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    JShor (07-15-2011)

  4. #3
    Join Date
    Mar 2007
    Location
    New York, NY
    Posts
    557
    Thanks
    8
    Thanked 66 Times in 66 Posts

    Default

    Yep, that worked perfectly. Thanks John!

Bookmarks

Posting Permissions

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