Why is there no padding on Firefox?

Discussion in 'HTML & Website Design' started by qwestcommunications, Feb 6, 2006.

  1. #1
    Hi guys,
    When I do paddding to seperate a table with an image from the content the padding does not work when I preview it on firefox but works perfectly on IE. Also, a white border on white background should show as having no border but firefox shows up as a grey border. how do you fix these two problems. Thanks for your help.
     
    qwestcommunications, Feb 6, 2006 IP
  2. FeelLikeANut

    FeelLikeANut Peon

    Messages:
    330
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You'll have to post some code that demonstrates your issues. I'm not quite sure what you're describing for the padding issue, and I can't reproduce the effect you describe for the border issue.
     
    FeelLikeANut, Feb 6, 2006 IP
  3. qwestcommunications

    qwestcommunications Notable Member

    Messages:
    8,868
    Likes Received:
    172
    Best Answers:
    0
    Trophy Points:
    233
    #3
    What I mean by padding is the gap between the text and the table with the image in. I don't want the outline of the border to show because the colour of the border is white against white bacgground. this works in IE but does not in Firefox.
     
    qwestcommunications, Feb 6, 2006 IP
  4. FeelLikeANut

    FeelLikeANut Peon

    Messages:
    330
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You still need to post code to demonstrate the problems, otherwise we can only throw out wild guesses.
     
    FeelLikeANut, Feb 6, 2006 IP
  5. SonicReducer

    SonicReducer Peon

    Messages:
    1,012
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Just another example of why it sucks having to design for 2 major browsers. What works on one or looks great, doesn't work on the other and looks crappy. I think I have run into what you are talking about. Not much to do other than code it differently.
     
    SonicReducer, Feb 6, 2006 IP
  6. qwestcommunications

    qwestcommunications Notable Member

    Messages:
    8,868
    Likes Received:
    172
    Best Answers:
    0
    Trophy Points:
    233
    #6
    Usually, its internet explorer that shows everything in better light. For some reason, you always need to do extra tweaking to get things right Firefox.
     
    qwestcommunications, Feb 6, 2006 IP
  7. j-khoa

    j-khoa Guest

    Messages:
    35
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Well I tried messing around with the html and cellpadding worked in both IE and FF, could you give me the url so I can see what's up
     
    j-khoa, Feb 6, 2006 IP
  8. SonicReducer

    SonicReducer Peon

    Messages:
    1,012
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Or you might just use a CSS class for the TD and set the spacing using the padding property.

    Something like :


    td.space {
    padding: 3px;
    }

    then <td class="space">
     
    SonicReducer, Feb 6, 2006 IP
  9. tresman

    tresman Well-Known Member

    Messages:
    235
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    138
    #9
    That's simply because you design for IE and then you try to make it work in Firefox/Mozilla.

    Next time do the other way (that's following standards ;) ), and with some practice you will see that you also save a lot of time.
     
    tresman, Feb 6, 2006 IP