Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > CSS

  • Print
  • + Share This
From the author of Previewing in Adobe BrowserLab

Previewing in Adobe BrowserLab

When implementing page layouts and formatting with CSS, the pages you design may not work in all browsers. This challenge is a major concern, but Dreamweaver CS5 brings a solution! Tangentially related to our theme of easier design with CSS in Dreamweaver CS5 is the new Adobe BrowserLab service. BrowserLab previews web pages in recent versions of all the popular mainstream browsers.

As I write this article, Adobe is making BrowserLab available as a free service that requires registration, so the first time you use BrowserLab, you'll be prompted to sign up with Adobe. After you sign up, follow these steps to test your web page CSS in a range of browsers:

  1. Choose File > Preview in Browser > Adobe BrowserLab. Alternatively, you can open the BrowserLab panel (Windows > Extension > Adobe BrowserLab), choose either Local or Server from the drop-down menu, and then click the Preview button.
  2. In BrowserLab, choose 1-up to view in one browser at a time, or choose 2-up to compare your page in two different browsers (see Figure 7).
  3. Use the drop-down menu to preview your page in any browser.

Figure 7 Using the 2-up preview mode in Adobe BrowserLab to compare a web page in two different browsers.

  • + Share This
  • 🔖 Save To Your Account