SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Mar 2008
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Compatibility issues with IE and FF

    Hello

    I have designed a website which look really good in FF. If I see the same in IE it looks odd. According to my design the text in my site is left aligned, but when I see that in IE the text is center aligned. I have used CSS

    can anybody help me in this issue

  2. #2
    SitePoint Addict
    Join Date
    Jun 2005
    Posts
    260
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It sounds like you're centering blocks in FF using "auto" on margin left and margin right, but for IE6 and below you have to also text-align: left for that same block.

    I'm just guessing this is what you're doing. Take a look at this google search to see if something hits:
    http://www.google.com/search?q=css+margin+center+auto

  3. #3
    SitePoint Addict
    Join Date
    Apr 2007
    Location
    Phoenix, AZ
    Posts
    230
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Welcome to the forums. Do you have a link to your website? That would be helpful in diagnosing.
    Joe

  4. #4
    SitePoint Member
    Join Date
    Mar 2008
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  5. #5
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,495
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by champ View Post
    It sounds like you're centering blocks in FF using "auto" on margin left and margin right, but for IE6 and below you have to also text-align: left for that same block.
    This is only true when IE 6 is in Quirks Mode. If you are using a complete and proper DOCTYPE, the IE 6 won't need this work-around.

    myneni_39, what does your page look like? (never mind, didn't see the link)

    The first thing I'd do is fix the HTML validation errors, starting with this one:

    HTML Code:
    <link rel="" href="images/favicon.ico" type="image/x-icon">

  6. #6
    SitePoint Member
    Join Date
    Mar 2008
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    HI

    Can you elaborate little more

  7. #7
    SitePoint Zealot
    Join Date
    Feb 2007
    Location
    East of Ottawa, ON
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you need the / at the end and move the link element between the head element.

    HTML Code:
    <head>
    <link rel="" href="images/favicon.ico" type="image/x-icon" />


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
  •