SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Aug 2010
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Good in Firefox and Safari, bad in IE 6

    Hi! I am new at CSS and HTML, and used a free WordPress theme. The theme looks good in versions for firefox (all), Safari (all), and Internet Explorer (7 and 8). Unfortunately, the format does not look like the other browsers in Internet Explorer 6.

    What would be the best approach of making it look like the other browsers in Internet Explorer 6 without affecting the other browsers?

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Hi, here are all ways to target ie only. http://www.visibilityinherit.com/code/target-ie.php

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,287
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    You can set up separate rules for ie6 as Eric suggests but in many cases coding things appropriately will solve the problem anyway. We only resort to hacks when there is no other choice and when dealing with known bugs or behaviours.

    Most of the browser differences can be put down to author error or perhaps an author not understanding exactly how things really work. Only once you have tried everything else then use a hack because maintenance is a nightmare once you start having multiple rules for different browsers.

    If you have something that's not displaying correctly in IE then post the html/css or a link and we'll take a look and tell you whether it's a bug or a coding error.

  4. #4
    SitePoint Member
    Join Date
    Aug 2010
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks guys. I got it without the IE hacks. I replaced the "position:relative;" with "float:left" and everything aligned correctly in all browsers.


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
  •