New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

 
Start a Discussion
 

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Web Design and Hosting Creating sites, scripting, and hosting discussions.

Web Design: How can I please ALL browsers?


Post Reply New Thread Subscribe

 
Thread Tools
Liam

 
Liam's Avatar
 
Member Since: Aug 15, 2006
Location: Abu Dhabi, United Arab Emirates
Posts: 483
Liam has a spectacular aura about

Liam is offline
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
QUOTE Thanks
Murlyn

 
Murlyn's Avatar
 
Member Since: Jun 11, 2003
Location: Mount Vernon, WA
Posts: 4,909
Murlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to all
Mac Specs: MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2

Murlyn is offline
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.
QUOTE Thanks
dtownley1

 
dtownley1's Avatar
 
Member Since: Sep 09, 2006
Posts: 690
dtownley1 is a jewel in the roughdtownley1 is a jewel in the roughdtownley1 is a jewel in the rough
Mac Specs: macbook

dtownley1 is offline
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?
QUOTE Thanks
cazabam

 
cazabam's Avatar
 
Member Since: Jun 06, 2006
Posts: 1,153
cazabam is a glorious beacon of lightcazabam is a glorious beacon of lightcazabam is a glorious beacon of lightcazabam is a glorious beacon of lightcazabam is a glorious beacon of lightcazabam is a glorious beacon of light
Mac Specs: MacBook 2.0GHz White, 512MB RAM, 60GB HDD

cazabam is offline
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.
QUOTE Thanks
gort

 
Member Since: Jul 25, 2004
Location: Gaithersburg, MD
Posts: 389
gort is on a distinguished road
Mac Specs: Mac Pro 2.6ghz Quad Xeon, 23" Cinema

gort is offline
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.
QUOTE Thanks
Murlyn

 
Murlyn's Avatar
 
Member Since: Jun 11, 2003
Location: Mount Vernon, WA
Posts: 4,909
Murlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to all
Mac Specs: MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2

Murlyn is offline
Sure ignore IE for Mac, but DO NOT ignore IE for PC since it still has majority of the marketshare.
QUOTE Thanks
Liam

 
Liam's Avatar
 
Member Since: Aug 15, 2006
Location: Abu Dhabi, United Arab Emirates
Posts: 483
Liam has a spectacular aura about

Liam is offline
Thanks for the replies guys. I've also came across this which is a great idea.

http://browsershots.org

Liam
QUOTE Thanks
Tyranny22

 
Tyranny22's Avatar
 
Member Since: Sep 26, 2006
Posts: 10
Tyranny22 is on a distinguished road

Tyranny22 is offline
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.
QUOTE Thanks
sursuciofla
Guest
 
Posts: n/a

I just downloaded Flock, my eighth browser...I like to test them with my website.
QUOTE Thanks
Murlyn

 
Murlyn's Avatar
 
Member Since: Jun 11, 2003
Location: Mount Vernon, WA
Posts: 4,909
Murlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to allMurlyn is a name known to all
Mac Specs: MacBook Pro 2.6 GHz Core 2 Duo 4GB RAM OS 10.5.2

Murlyn is offline
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
QUOTE Thanks

Post Reply New Thread Subscribe


« iWeb and Blocked Text Hyperlinks | Database calendar, scripts, UI, Dreamhost... »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread
Thread Starter
Forum
Replies
Last Post
Web Design On An eMac redrum Other Hardware and Peripherals 4 11-18-2004 01:09 PM
Mozilla, iCab Web browsers get updated Murlyn Running Windows (or anything else) on your Mac 0 10-13-2003 10:08 PM

All times are GMT -4. The time now is 07:51 AM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
X

Welcome to Mac-Forums.com

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!


(4 digit year)

Already a member?