Some quick help with CSS

Discussion in 'CSS' started by ian_batten, Apr 3, 2007.

  1. #1
    Hello,
    I am having some issues with CSS, in firefox and IE.
    Firstly...

    You will see there is an image at the top of the main content table, it is a kind of green tab with a background of a few shrubs, and an insect. In firefox, there is a small margin at each end, however, in IE, there isn't.

    http://www.insectstore.com/index.php

    Also, you will see the "contact" tab at the top. In firefox, this is aligned with the right edge of the table, however in IE, there is a gap at the end.

    Anyone know how I can overcome these 2 problems?
    Thanks in advance!
     
    ian_batten, Apr 3, 2007 IP
  2. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I only see the margin to the right in firefox, not to the left.

    I believe that the problem may be caused by the fact that IE and Firefox use different default margins and padding for different elements.

    Generally, when I create a new page, the styile sheet includes the following, before any other code goes in, so that if there is a margin or padding there, it's because I put it there.

    If you add it in at this late stage it may take a bit of work to ajust other aspects of your page.

    I'd recommend looking around and trying to set margins and paddings to 0 in related elements.

    *
    {
    margin: 0;
    padding: 0;
    border: 0;
    }
     
    Josh Inno, Apr 3, 2007 IP
  3. ian_batten

    ian_batten Well-Known Member

    Messages:
    1,991
    Likes Received:
    106
    Best Answers:
    0
    Trophy Points:
    185
    #3
    Thanks for the tip. However, didn't seem to work :/
    Any idea how to remove the space at the end of the contact (top right) tab when viewing in IE?
    Thanks again :D
     
    ian_batten, Apr 4, 2007 IP
  4. petyard

    petyard Well-Known Member

    Messages:
    2,025
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    185
    #4
    between "my account" and "contact" you left 3 empty td's

    try to remove them:p
     
    petyard, Apr 4, 2007 IP