Skip navigation
Currently Being Moderated

Is it possible to make ALL browsers open at a certain width?

Jan 31, 2012 10:23 AM

I'm almost finished designing my first (mostly CSS Based) web site home page and I ran into a problem while trying to certify the websites using different browsers.  On all the web page comes up fine (although I haven't test IE 6 and up as I'm on a Mac).  Is it possible to make my complete web page display in the window of all the various browsers without having to manually resize them or atleast define the size of my web page for the browsers?

 

Thanks In Advance!!

 
Replies
  • Currently Being Moderated
    Jan 31, 2012 11:24 AM   in reply to Prodigy9

    Absolutely not, see Lynx. However, I'll let someone more knowledgeable about modern standards based browsers. I think you should not worry about all browsers if you concentrate on MSIE, Firefox, Chrome, and Safari you should be fine. Adobe has a product called BrowserLabs

     

    https://browserlab.adobe.com/en-us/features.html

     

    that will let you see how your webpages work in various browsers all from your own computer. It is available free until April 12. You might take a look at it for your present situation to see how your pages will show.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 31, 2012 1:14 PM   in reply to Prodigy9

    Never ever presume that your web page must take up my entire screen.  That's considered rude.   My browser settings and preferences are my choice; not yours.

     

    If you want to design web pages that fill the end-user's available viewport without scrollbars, use a liquid or semi-liquid layout in percentages.

    http://alt-web.com/TEMPLATES/3-col-semi-liq-layout.shtml

     

    Alternatively, you can use multiple style sheets & progressive enhancement techniques (media queries) to target specific devices by their width. This is how modern developers are able to support different layouts for smartphones, tablets and desktops.

    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-que ries.html

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 1, 2012 10:28 AM   in reply to Prodigy9

    Nancy made a personal comment by referring to "my entire screen" and "My browser settings" but it is a mostly universal concept that it is poor form to hijack how the end user prefers to have the browser sized and positioned. Such javascript resizing tricks can also cause odd behavior with mobile devices and multi-screen desktops.  It is likely that the user has already adjusted their browser so that they do not need to scroll. Your site would not be the only website with long content and scrollbars.

     

    How would you expect your web site to open at a certain width on a display that is only 320 pixels wide? Should it behave the same on a display that is 1680 pixels wide? This complexity is why most designers leave browser sizing to the user.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 1, 2012 12:31 PM   in reply to Prodigy9

    Opera was the only browser which seemed to give me a glitch with my CSS drop down menu.

    Which version of Opera?

     

    Can you post a link to your page?

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points