Geni Swing Guitars

Chrome Cross

Web Design for Wide Displays and Cross-Browser Support

Web Design for Wide Displays and Cross-Browser Support

In ancient times -- about 1995 or so -- we early Internet adopters were promised that all the inflated costs and redundancies of Web use, like multiple browsers, expensive monitors and competing standards, would be settled issues by The New Millennium. Well, "TNM" arrived a while ago, and we're still seeing poor Web design for wide displays and cross-browser support. That's a direct result of more, not fewer, redundancies or, as customers might call them, "choices." Today there are big and small monitors, monitors with 4:3 and 16:9 aspect ratios, stripped-down and bulked-up browsers, and all sorts of designers who don't know how to make one Web page look the same on all of them.

Clearly, cross-platform, cross-browser and wide-display compatibility are hugely important. If you design Web sites, or want to know how it's done so you can properly oversee a designer's work, a few key concepts and some simple techniques will help a lot. You can keep your site looking good "in all the right places" with the help of this article, and continuing efforts on your part to keep up with Web standards and best practices. Here's how.

Paint the canvas that people will see

If you design a site with a modest width of 700 pixels and a nice top navigation pane, it should display pretty well (all other things being equal) on any monitor. A much-told story on the Internet concerns a designer who did just that, then visited the client at her office for some page edits and such, and saw the site displayed on a widescreen 22-in monitor -- set to 640x480 resolution! Ouch! A snowstorm wouldn't look good on that big display at that low resolution.

To attract and please the widest possible range of site visitors, your design needs to look good no matter what people do to cripple their monitors' abilities to display good color and proportion. At the extremes, of course, are a few people you simply must leave out of the discussion (like the lady in the foregoing example, perhaps). Still, it doesn't take a lot of research to determine what size monitors people are using and what resolutions most are viewing. Keep up on these metrics.

Tables are control devices

Tables in your design are great for assigned fixed widths in pixels or window percentages. When the relative vertical placement of objects in the table doesn't much matter, the fixed percentage method gives you the most fluid layout approach. When you want to keep some text copy wrapped around an image consistently, this approach can cause major incompatibilities. Text wraps differently in cells of varying pixel widths, so in this case you'd use fixed pixel width -- and this may be where you start making some compromises.

If you design a site to look good at 640X480, you should set that table width to 600-620 at the most, and center it for a decent look when wider windows (and/or wider monitors) are being used. Once again, though, if a visitor has her monitor resolution set to 1600X800 and "maximizes" the browser window, the page will show 500 pixels of blank space on both sides of that table. With widescreen monitors gaining ground in the marketplace, issues of size and ratio become more important than ever.

Browsing the browsers

If you thought there were too many choices of browsers in 1995 -- AOL, Internet Explorer, Netscape -- there are literally dozens today. Many share underlying "engines" (AOL is a rebranded and revised IE, Firefox comes from the former Netscapers) so the proliferation of varied behaviors has slowed down somewhat. Still, among the major players -- IE (6, 7 and 8), Safari, Firefox, Chrome, and Opera -- there are still issues with display incompatibilities. Many of these are related to the display, wrapping and hyphenation/justification of text, although there are also issues with CSS (Cascading Style Sheet) handling, media streaming and occasionally even color rendering.

As true Web standards emerge for cross-platform and cross-browser typefaces, many of the text-related issues will be history. Right now, Mac-based designers make a point of using the Microsoft Web Collection of typefaces, and designers on both sides of the OS divide can use "Web-safe" colors. The World Wide Web Consortium (W3C) is pushing ahead on new Web 3.0 standards, many of which are attempts to settle, once and for all, bothersome and irrational weaknesses that have survived from year to year since the dawn of the Internet. It's way past time to get these standards defined and distributed.

Check layouts every which way

If you want your sites to look good on AOL or Safari, on a 10-inch netbook or a 30-inch cinema-style monitor, you really need to work on both platforms (Mac and Windows), or work on an Intel Mac that also runs Windows. Then, too, you should have multiple monitors and change the resolutions to cover all the bases. Finally, you need the major browsers installed on both computer platforms, perhaps even on Linux, as well. Comprehensive "pre-flighting" is not an option, so if you don't have everything you need, use friends and colleagues to get all the alternative views.

If you're going to do this work regularly, you need to get yourself set up correctly. If you are a working designer, you are likely doing all of these things. If you are a hobbyist or Do It Yourself'er, or have a small business where you have to wear all the hats, you need to get up to speed -- and fast. Time waits for no one, and neither do Web visitors. If your site doesn't display, they won't stay, play -- or pay!

About the Author

Moonrise Productions is a custom web design company specializing in custom web development and design. Whether you're in San Francisco, New York or you need social network web design – we're here to help and we have the team to do it right.

Coffee Table with Cross Metal Base in Chrome Finish $321.75 Coffee Table with Cross Metal Base in Chrome Finish

Q Parts UFO Knob Chrome Cross $11.99 Q Parts UFO Knob Chrome Cross

Q Parts Ufo Knob Chrome Cross $11.99 Q Parts UFO Knob Chrome Cross

Chrome Porcelain Cross Handle Vessel Sink Faucet $391 Chrome Porcelain Cross Handle Vessel Sink Faucet

Chrome Concord Cross Lever Roman Tub Filler $420 Chrome Concord Cross Lever Roman Tub Filler

Chrome Metal Cross Handle Vessel Sink Faucet $391 Chrome Metal Cross Handle Vessel Sink Faucet

Chrome Volume Control Cross Handle Wall Valve $157 Chrome Volume Control Cross Handle Wall Valve

Chrome Metal Cross Twin Handle Kitchen Faucet $224 Chrome Metal Cross Twin Handle Kitchen Faucet

Chrome Buckingham Cross Lever Roman Tub Filler $430 Chrome Buckingham Cross Lever Roman Tub Filler

Cross Century Pencil Chrome $30 The Cross Classic Century has been around for years and is one of the most recognized lines of pens. For over 50 years, it has symbolized the Cross tradition of excellence. The Classic Century 0.7 mm pencil features a very slim design and the signature Cross conical top. It is perfectly balanced for a smooth, refined feel. This pencil features original lustrous chrome design and the signature Cross black conical top. Cross provides lifetime mechanical warranty for this writing instrument.

American Standard 0665220020A Cross Handle Index Button Chrome $27.96 Cross Handle Index Button. Finish: Chrome.

Cross Century Ballpoint Pen Chrome $30 The Cross Classic Century has been around for years and is one of the most recognized lines of pens. For over 50 years, it has symbolized the Cross tradition of excellence. The Classic Century features a very slim design and the signature Cross conical top. It is perfectly balanced for a smooth, refined feel. This ballpoint features original lustrous chrome design and the signature Cross black conical top. Cross provides lifetime mechanical warranty for this writing instrument.

Celtic Cross Chrome Zippo $24.95 Celtic Cross Chrome Zippo. Zippo Manufacturing Company has produced over 400 million windproof lighters since its founding in 1932. Except for improvements in the flint wheel and modifications in case finishes, Zippo's original design remains virtually unchanged today, still looks great and are easy to use. The Lifetime Guarantee that accompanies every Zippo lighter still guarantees that "It works or we fix it free™" for life.

Cross Century Rollerball Pen Chrome $45 The Cross Classic Century has been around for years and is one of the most recognized lines of pens. For over 50 years, it has symbolized the Cross tradition of excellence. The Classic Century features a very slim design and the signature Cross conical top. It is perfectly balanced for a smooth, refined feel. This writing instrument features the ability to use either a gel ink-rolling refill or a jumbo ballpoint refill. This rollerball features original lustrous chrome design and the signature Cross black conical top. Cross provides lifetime mechanical warranty for this writing

Cross Atx Pencil Matte Chrome $55 The Cross ATX pencil provides perfect distribution between balance and shape. This pencil provides clean sweeping lines combined with a wide diameter. It composed of a chrome matte satin finish with polished chrome trimmings. This instrument features a unique wide, rounded clip. This pencil uses .7 mm lead. A true writing instrument for a new age, hand assembled to the quality standards of another era. Cross provides lifetime mechanical warranty for this writing instrument.

Cross Townsend Rollerball Pen Chrome $115 The Cross Townsend Collection, one of Cross's most successful lines ever, adds a bit of traditional glamour to the act of writing. This select tip rolling ball pen is made of solid polished chrome. This pen features the option to use either gel ink refill or jumbo ballpoint. Try a Townsend and discover for yourself. Makes a great corporate gift! Cross provides lifetime mechanical warranty for this writing instrument.

Cross Townsend Ballpoint Pen Chrome $100 The Cross Townsend Collection, one of Cross's most successful lines ever, adds a bit of traditional glamour to the act of writing. This ballpoint is made of solid polished chrome. This pen can also be made into a stylus with an available refill. Try a Townsend and discover for yourself. Makes a great corporate gift! Cross provides lifetime mechanical warranty for this writing instrument.

Chrome Cross Handle Angle Stop $38.44 This chrome angle stop has a cross handle and a beautiful premium finish. This bathroom faucet accessory is constructed of solid brass and resists tarnishing and corrosion.Finish: Chrome Handle shape: Cross1/4-turn valve1/2-inch FIP x 1/2-inch OD connectionsConstructed of solid brass for durability and reliabilityPremium finish resists tarnishing and corrosionModel number: PCC44401X

Chrome Kitchen Faucet with Concord Cross $381 Brass Construction -Ceramic Disk Cartridge -Concord Cross Handle

Cross Classic Century Satin Chrome Ballpoint Pen $14.99 0% 1 Each Classic Century ballpoint pen offers a unique design with a satin chrome finish and a knurled grip section. A. T. Cross Company AT008214 Ballpoint Pen Chrome Classic Century Classic Century Satin Chrome Ballpoint Pen Cross Fine No www.cross.com

Chrome Metal Cross Handle 4-Inch Centerset Lavatory Faucet $176 Chrome Metal Cross Handle 4-Inch Centerset Lavatory Faucet

Chrome Concord Cross Two Handle Widespread Lavatory Faucet $353 Chrome Concord Cross Two Handle Widespread Lavatory Faucet

Chrome Buckingham Cross Handle Wall Mount Vessel Sink Faucet $353 Chrome Buckingham Cross Handle Wall Mount Vessel Sink Faucet

Chrome Porcelain Cross Handle Deck Mount Kitchen Faucet with Brass Sprayer $372 Chrome Porcelain Cross Handle Deck Mount Kitchen Faucet with Brass Sprayer

Chrome Porcelain Cross Handle Wall Mount Kitchen Faucet $331 Chrome Porcelain Cross Handle Wall Mount Kitchen Faucet

Chrome Buckingham Cross Handle Tub and Shower Faucet with Diverter $547 Chrome Buckingham Cross Handle Tub and Shower Faucet with Diverter

Chautauqua Chrome Metal Cross Handle Wall Mount Kitchen Faucet $126 Chautauqua Chrome Metal Cross Handle Wall Mount Kitchen Faucet

Chrome 8-Inch Centerset Porcelain Cross Handle Kitchen Faucet without Sprayer $136 Chrome 8-Inch Centerset Porcelain Cross Handle Kitchen Faucet without Sprayer

Chrome 4-Inch Centerset Metal Cross Handle Bar Faucet $136 Chrome 4-Inch Centerset Metal Cross Handle Bar Faucet

Chrome Volume Control Porcelain Cross Handle Wall Valve $157 Chrome Volume Control Porcelain Cross Handle Wall Valve

Chrome Cross Lever Handle High Arc Kitchen Faucet with White Sprayer $107 Chrome Cross Lever Handle High Arc Kitchen Faucet with White Sprayer

Chrome 8-Inch Centerset Metal Cross Handle Kitchen Faucet without Sprayer $136 Chrome 8-Inch Centerset Metal Cross Handle Kitchen Faucet without Sprayer

Precision Grilles Grille Shells - OE (Chrome Criss Cross) [98-03 S-10] $194.34 Precision Grilles Grille Shells - OE (Chrome Criss Cross)

Cross Classic Century Lustrous Chrome Ballpoint Pen $24.99 0% 1 Each 3502 Distinctive and economically priced, this lustrous writing pen ensures smooth writing. Offers chrome plated finish, elegant slim design, Cross conical top, and patented propel repel ball pen mechanism. A. T. Cross Company Ballpoint Pen Chrome Chrome Plated Classic Century Classic Century Lustrous Chrome Ballpoint Pen Cross Metal No www.cross.com

Cross Apogee Rollerball Pen Chrome $130 The Cross Apogee embodies the apex of great design; a grand writing instrument that pen aficionados and dedicated Cross owners will covet. At first look, the Apogee seems clean and simple. After further inspection, one notices a strong tie to the traditional, refined, and romantic look. The Chrome Apogee features an intricately etched diamond-patterned texture, a decorative engraving so fine only a specially designed engraving machine can cut it. Then each pen is then hand polished and protected by multiple coats of water clear lacquer. Cross provides lifetime mechanical warranty for this writing instrument.

Cross Apogee Ballpoint Pen Chrome $100 The Cross Apogee embodies the apex of great design; a grand writing instrument that pen aficionados and dedicated Cross owners will covet. At first look, the Apogee seems clean and simple. After further inspection, one notices a strong tie to the traditional, refined, and romantic look. The Chrome Apogee features an intricately etched diamond-patterned texture, a decorative engraving so fine only a specially designed engraving machine can cut it. Then each pen is then hand polished and protected by multiple coats of water clear lacquer. Cross provides lifetime mechanical warranty for this writing instrument.