8 Replies Latest reply: Feb 1, 2012 12:37 PM by Prodigy9 RSS

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

    Prodigy9 Community Member

      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!!

        • 1. Re: Is it possible to make ALL browsers open at a certain width?
          MichaelKazlow CommunityMVP

          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.

          • 2. Re: Is it possible to make ALL browsers open at a certain width?
            Prodigy9 Community Member

            Thanks for the info...

             

            My main concern is since my webpage is not very wide it would be able to open in full view (complete page) without having to resize the browser.

             

            Does anyone know of a way I can remedy this problem without having to redesign my complete web page...  I'd hate to have to do that...

             

            Can I add a simple CSS command which would expand browsers to fit my website...  Maybe a 100% width command?  And without having to redo all my containers and hard work.

             

             

            Thanks!

            • 3. Re: Is it possible to make ALL browsers open at a certain width?
              Nancy O. CommunityMVP

              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-queries.html

               

               

               

              Nancy O.

              Alt-Web Design & Publishing

              Web | Graphics | Print | Media  Specialists 

              http://alt-web.com/

              http://twitter.com/altweb

              • 4. Re: Is it possible to make ALL browsers open at a certain width?
                Prodigy9 Community Member

                Nancy...

                 

                It certainly not my intention to be "rude".  I just wanted to make it easier for the end-users to not need to scroll...  My page is not very wide or deep (vertically).  I did read some articles on the liquid/fluent layouts.  But as I said in my other post I still need to learn the proper way to layout my web design so I can then implement an acceptable web page design.  So much to learn yet with CSS but I'm having a blast using it and learning about it.

                 

                One question for you though, Nancy...  I validated my web page in all but IE.  Opera was the only browser which seemed to give me a glitch with my CSS drop down menu.  I've been reading through my manuals for some sort of fix but when the user "hovers" over the menu item instead of dropping down as they do in all other browsers it seems to want to stack the drop down items on top of each other.

                 

                Do you know of any reasons why Opera would give me a different reaction as far as the menu list is concerned?  Everything else on the page appeared properly.  Any references or I could try to post my site online later this evening so you or others code look at the code.  I haven't attempted to post anything yet with dreamweaver so just another thing I need to master.

                 

                Thanks for all your help so far...

                • 5. Re: Is it possible to make ALL browsers open at a certain width?
                  Community Member

                  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.

                  • 6. Re: Is it possible to make ALL browsers open at a certain width?
                    Prodigy9 Community Member

                    I will again say...  I have never intended to "hijack" or be "rude" to the end-user.  However, I do appreciate it what you wrote...

                     

                    You have just taken the burden of web page design dimensions off of my back.  I will no longer worry so much as to whether or not my sites need to size or be resized to accomidate the end-user.

                     

                    Thanks,

                    -Jamie

                    • 7. Re: Is it possible to make ALL browsers open at a certain width?
                      Nancy O. CommunityMVP

                      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

                      • 8. Re: Is it possible to make ALL browsers open at a certain width?
                        Prodigy9 Community Member

                        I actually started a new discussion on this topic but you are more than welcomed to take a look...

                         

                        Web Site:  www.ghostsinthemaschine.com

                         

                        It seems I may have to redo the menu but if you know of a work-around let me know.  Thanks!