Results 1 to 10 of 10
  1. #1

    Liam's Avatar
    Member Since
    Aug 15, 2006
    Location
    Abu Dhabi, United Arab Emirates
    Posts
    483
    Web Design: How can I please ALL browsers?
    I am designing a website, and as technology advances (New web design programs/browsers etc) I personally find that it is proving more and more of a problem to make the website display correctly in ALL browsers.

    At the moment I test my sites as I go on IE, Opera and FireFox, and use Dreamweaver and Photoshop to do my work.

    The site that I'm doing at the moment I have split up into slices in Photoshop and I am editing it accordingly as to how I need it in Dreamweaver - IE loves the design, Opera also is a big fan, however Mozilla hates it and displays it all wrong.

    Is there a 'trick' as such, to please all browsers?

    Will I find less of these problems occuring creating/designing on my Mac when it arrives next week as opposed to Windows?

    Any tips from the more experienced of people out there? Anything is appreciated.

    Liam

  2. #2

    Murlyn's Avatar
    Member Since
    Jun 11, 2003
    Location
    Mount Vernon, WA
    Posts
    4,915
    Specs:
    MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2
    Best bet is to design for Firefox since it's very standards compliant then once you have it to where you want it, start adding in your css for IE using something like this:

    Code:
    <link rel="stylesheet" href="styles/default.css" media="all" />
    <!--[if IE]><link type="text/css" rel="stylesheet" href="/styles/ie.css"></link><![endif]-->
    <!--[if lt IE 6]><link type="text/css" rel="stylesheet" href="/styles/ie5.css"></link><![endif]-->
    Make sure you have a valid doctype also.

  3. #3

    dtownley1's Avatar
    Member Since
    Sep 09, 2006
    Posts
    690
    Specs:
    macbook
    recently, I've skipped checking in IE since it hasn't been updated for mac in a long time. Also, it often doesn't display colours properly.

    I also check it in Safari since I think safari supports embedded colour profiles.

    Also, didn't you mean you're slicing up the design in Imageready?

  4. #4

    cazabam's Avatar
    Member Since
    Jun 06, 2006
    Posts
    1,153
    Specs:
    MacBook 2.0GHz White, 512MB RAM, 60GB HDD
    I generally start by building the site up from the basics. Build all the bits that will definitely work on all browsers, then test each rendering engine (gecko, ie, opera, safari). Build up the CSS and HTML until the overall site is useable, then I can start adding fancy bits in with the knowledge that the base design works. Any problems can then be directly attributed to the new functionality.

  5. #5


    Member Since
    Jul 25, 2004
    Location
    Gaithersburg, MD
    Posts
    389
    Specs:
    Mac Pro 2.6ghz Quad Xeon, 23" Cinema
    Yes. Develop for Firefox and then do your tweaks. You can do browser specific style sheets or do the little hacks that only IE can interpret like:

    #box {
    width: 500px;
    }
    * > #box {
    width: 520px;
    }

    things like that. Just google something like CSS IE Firefox hack or something.

  6. #6

    Murlyn's Avatar
    Member Since
    Jun 11, 2003
    Location
    Mount Vernon, WA
    Posts
    4,915
    Specs:
    MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2
    Sure ignore IE for Mac, but DO NOT ignore IE for PC since it still has majority of the marketshare.

  7. #7

    Liam's Avatar
    Member Since
    Aug 15, 2006
    Location
    Abu Dhabi, United Arab Emirates
    Posts
    483
    Thanks for the replies guys. I've also came across this which is a great idea.

    http://browsershots.org

    Liam

  8. #8

    Tyranny22's Avatar
    Member Since
    Sep 26, 2006
    Posts
    10
    anyone else using Flock out there? I think it's GREAT. I really don't even use Firefox anymore. I think it was built using the Firefox core, only it was optimzed for Macs. It's a great addition, esp. for macheads.

  9. #9
    sursuciofla
    Guest
    I just downloaded Flock, my eighth browser...I like to test them with my website.

  10. #10

    Murlyn's Avatar
    Member Since
    Jun 11, 2003
    Location
    Mount Vernon, WA
    Posts
    4,915
    Specs:
    MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2
    Yeah I really really like Flock, but using Tab Mix Plus with it, it doesn't work and I need that functionality, Otherwise I would definitely be using Flock instead of firefox

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Web Browsers
    By shiner95 in forum OS X - Operating System
    Replies: 3
    Last Post: 03-18-2014, 12:16 PM
  2. Web Browsers
    By DrCrystal in forum OS X - Operating System
    Replies: 2
    Last Post: 05-25-2012, 08:26 AM
  3. The Worst Web Design Techniques Featured on Web Pages
    By novicew in forum Web Design and Hosting
    Replies: 1
    Last Post: 03-17-2006, 10:31 PM
  4. Design Imperfections on MAC browsers
    By gavinmacrae1 in forum Web Design and Hosting
    Replies: 8
    Last Post: 02-04-2006, 07:10 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •