CSS - IE Browser Padding Issue, Need a right code!

Discussion in 'HTML & Website Design' started by geeks4share, Jun 19, 2011.

0
  1. #1
    I have added a subscription box to my blog - http://www.Geeks4share.com

    I have added "padding-top:10px;" to bring the text inside the textbox picture. Now everything looks awesome in Google Chrome & Mozilla Firefox.

    But when I see it in Internet Explorer the texts like "First Name..." and "Email Address..." are not inside the textbox picture.

    I tried to fix it, But I am not able to get it right. Anyone can help me?
     
    geeks4share, Jun 19, 2011 IP
  2. xira

    xira Active Member

    Messages:
    315
    Likes Received:
    8
    Best Answers:
    4
    Trophy Points:
    68
    #2
    Are you testing it in IE7 or IE8? If you are testing it in IE7, you can target the CSS by using #.yourclass{your code;} If you're using IE8, well, from my past experience, when things don't match up there is a problem with the layout. IE8 matches FF and Chrome 95% of the time, and when they don't match up it's usually off by a pixel or two.
     
    xira, Jun 20, 2011 IP
  3. twowebros

    twowebros Active Member

    Messages:
    42
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    93
    #3
    yes you can manage it.

    use css like that..

    .class {
    padding-top:10px ; (for ie6)
    padding-top:10px !important; (for mozilla)
    #padding-top:10px !important; (for ie7)
    }

    and put the meta tag to compatieble ie 8
    that is...

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

    will work in all browser correctly

    thanks

    2webros
     
    twowebros, Jun 20, 2011 IP