30 Replies Latest reply on Oct 2, 2008 11:32 AM by Newsgroup_User

    designing for screen width

    Nedward Level 1
      Hi:

      I received a new product announcement from Project Seven for their new Curvitude layouts, which look very nice.

      Although my past designs are set to fit an 800 px width, I see that PVII is offering a 982 px layout as well. Is it now common to design a layout that wide?

      Thx, Ned
        • 1. Re: designing for screen width
          Level 7

          "Nedward" <webforumsuser@macromedia.com> wrote in message
          news:gbrfhv$dku$1@forums.macromedia.com...
          > Hi:
          >
          > I received a new product announcement from Project Seven for their new
          > Curvitude layouts, which look very nice.
          >
          > Although my past designs are set to fit an 800 px width, I see that PVII
          > is
          > offering a 982 px layout as well. Is it now common to design a layout
          > that
          > wide?

          Yes.

          --
          Patty Ayers | www.WebDevBiz.com
          Free Articles on the Business of Web Development
          Web Design Contract, Estimate Request Form, Estimate Worksheet
          --

          • 2. Re: designing for screen width
            Level 7
            Depends on your demographic. It would be trouble on an iPhone.

            --
            Murray --- ICQ 71997575
            Adobe Community Expert
            (If you *MUST* email me, don't LAUGH when you do so!)
            ==================
            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            ==================


            "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
            news:gbrfnl$dvm$1@forums.macromedia.com...
            >
            > "Nedward" <webforumsuser@macromedia.com> wrote in message
            > news:gbrfhv$dku$1@forums.macromedia.com...
            >> Hi:
            >>
            >> I received a new product announcement from Project Seven for their new
            >> Curvitude layouts, which look very nice.
            >>
            >> Although my past designs are set to fit an 800 px width, I see that PVII
            >> is
            >> offering a 982 px layout as well. Is it now common to design a layout
            >> that
            >> wide?
            >
            > Yes.
            >
            > --
            > Patty Ayers | www.WebDevBiz.com
            > Free Articles on the Business of Web Development
            > Web Design Contract, Estimate Request Form, Estimate Worksheet
            > --
            >

            • 3. Re: designing for screen width
              Level 7
              What is the viewport on an iPhone?

              --Nancy O.
              Alt-Web Design & Publishing
              www.alt-web.com

              "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
              news:gbrfsd$e55$1@forums.macromedia.com...
              > Depends on your demographic. It would be trouble on an iPhone.
              >
              > --
              > Murray --- ICQ 71997575
              > Adobe Community Expert
              > (If you *MUST* email me, don't LAUGH when you do so!)
              > ==================
              > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              > ==================
              >
              >
              > "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
              > news:gbrfnl$dvm$1@forums.macromedia.com...
              > >
              > > "Nedward" <webforumsuser@macromedia.com> wrote in message
              > > news:gbrfhv$dku$1@forums.macromedia.com...
              > >> Hi:
              > >>
              > >> I received a new product announcement from Project Seven for their new
              > >> Curvitude layouts, which look very nice.
              > >>
              > >> Although my past designs are set to fit an 800 px width, I see that
              PVII
              > >> is
              > >> offering a 982 px layout as well. Is it now common to design a layout
              > >> that
              > >> wide?
              > >
              > > Yes.
              > >
              > > --
              > > Patty Ayers | www.WebDevBiz.com
              > > Free Articles on the Business of Web Development
              > > Web Design Contract, Estimate Request Form, Estimate Worksheet
              > > --
              > >
              >


              • 4. Re: designing for screen width
                Level 7
                I googled it, and stand corrected -

                Want to make your site look better on the iPhone with one line of HTML?

                It's easy—just add a <meta> tag that lets the iPhone know how wide to
                display the initial page. I added the following code to the <head> in my
                template yesterday:

                <meta name="viewport" content="width=808" />Every browser besides
                MobileSafari will ignore this information. But it does something very
                important on the iPhone: it optimizes the viewport for your content.

                By default, the iPhone uses a viewport of 980 pixels—a value chosen to
                maximize compatibility with a broad range of web sites. When you specify the
                viewport width explicitly, you will eliminate any empty space between that
                980 pixels and the width of your <body> element.

                On this site the <body> is 808 pixels wide, so there were 172 pixels of
                content-free space being used to display the page. On a screen that's 320
                pixels wide, that's significant. So much so, that by making this simple
                change, the headings on my blog posts are now readable on first load of the
                page (previously, the text was too small.)

                As always, a picture is worth a thousand words. Here are the changes that
                could be made on a couple of my favorite web sites:

                ...

                --
                Murray --- ICQ 71997575
                Adobe Community Expert
                (If you *MUST* email me, don't LAUGH when you do so!)
                ==================
                http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                ==================


                "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                news:gbrhb7$g1o$1@forums.macromedia.com...
                > What is the viewport on an iPhone?
                >
                > --Nancy O.
                > Alt-Web Design & Publishing
                > www.alt-web.com
                >
                > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                > news:gbrfsd$e55$1@forums.macromedia.com...
                >> Depends on your demographic. It would be trouble on an iPhone.
                >>
                >> --
                >> Murray --- ICQ 71997575
                >> Adobe Community Expert
                >> (If you *MUST* email me, don't LAUGH when you do so!)
                >> ==================
                >> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                >> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                >> ==================
                >>
                >>
                >> "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in
                >> message
                >> news:gbrfnl$dvm$1@forums.macromedia.com...
                >> >
                >> > "Nedward" <webforumsuser@macromedia.com> wrote in message
                >> > news:gbrfhv$dku$1@forums.macromedia.com...
                >> >> Hi:
                >> >>
                >> >> I received a new product announcement from Project Seven for their new
                >> >> Curvitude layouts, which look very nice.
                >> >>
                >> >> Although my past designs are set to fit an 800 px width, I see that
                > PVII
                >> >> is
                >> >> offering a 982 px layout as well. Is it now common to design a layout
                >> >> that
                >> >> wide?
                >> >
                >> > Yes.
                >> >
                >> > --
                >> > Patty Ayers | www.WebDevBiz.com
                >> > Free Articles on the Business of Web Development
                >> > Web Design Contract, Estimate Request Form, Estimate Worksheet
                >> > --
                >> >
                >>
                >
                >

                • 5. Re: designing for screen width
                  JoeDaSilva Level 4
                  Currently, on average, you have a 1 in 1000 chance of someone visiting your site with an iPhone. The viewport is 800x600 or 600x800 if I recall correctly.

                  To answer the OP's question, yes, the days of 800x600 (for non-mobile devices) are dying.

                  To preempt Micha's inevitable response, fluid width layouts are garbage.
                  • 6. Re: designing for screen width
                    Level 7
                    >>fluid width layouts are garbage

                    Now you're being even more pedantic than Micha's sometimes accused of being.
                    This is rapidly becoming one of those "pot & kettle" scenarios. :-)
                    --

                    Walt


                    "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                    news:gbrih8$her$1@forums.macromedia.com...
                    > Currently, on average, you have a 1 in 1000 chance of someone visiting
                    > your
                    > site with an iPhone. The viewport is 800x600 or 600x800 if I recall
                    > correctly.
                    >
                    > To answer the OP's question, yes, the days of 800x600 (for non-mobile
                    > devices)
                    > are dying.
                    >
                    > To preempt Micha's inevitable response, fluid width layouts are garbage.
                    >
                    >


                    • 7. Re: designing for screen width
                      Level 7
                      Two thoughts in response, Murray:

                      (1) His question was "Is it now common to design a layout that wide?"

                      (2) You can scroll around a web page on an iPhone. That's kind of the point,
                      that you can access pages the same way they look on a computer.

                      --
                      Patty Ayers | www.WebDevBiz.com
                      Free Articles on the Business of Web Development
                      Web Design Contract, Estimate Request Form, Estimate Worksheet
                      --

                      "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                      news:gbrfsd$e55$1@forums.macromedia.com...
                      > Depends on your demographic. It would be trouble on an iPhone.
                      >
                      > --
                      > Murray --- ICQ 71997575
                      > Adobe Community Expert
                      > (If you *MUST* email me, don't LAUGH when you do so!)
                      > ==================
                      > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                      > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                      > ==================
                      >
                      >
                      > "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
                      > news:gbrfnl$dvm$1@forums.macromedia.com...
                      >>
                      >> "Nedward" <webforumsuser@macromedia.com> wrote in message
                      >> news:gbrfhv$dku$1@forums.macromedia.com...
                      >>> Hi:
                      >>>
                      >>> I received a new product announcement from Project Seven for their new
                      >>> Curvitude layouts, which look very nice.
                      >>>
                      >>> Although my past designs are set to fit an 800 px width, I see that PVII
                      >>> is
                      >>> offering a 982 px layout as well. Is it now common to design a layout
                      >>> that
                      >>> wide?
                      >>
                      >> Yes.
                      >>
                      >> --
                      >> Patty Ayers | www.WebDevBiz.com
                      >> Free Articles on the Business of Web Development
                      >> Web Design Contract, Estimate Request Form, Estimate Worksheet
                      >> --
                      >>
                      >

                      • 8. Re: designing for screen width
                        Level 7
                        <To preempt Micha's inevitable response, fluid width layouts are garbage.>

                        LOL. While I understand the pre-emptive strike, I think you've tossed the
                        baby out with the bathwater. Liquid layouts (100% screen widths) can
                        produce very long strings of text that don't look good in all situations.
                        But a well-crafted, say 3-column, liquid layout (with min and max widths)
                        can look great and perform well on wide or narrow viewports. It all depends
                        on how much content you need to display on the page.


                        --Nancy O.
                        Alt-Web Design & Publishing
                        www.alt-web.com

                        "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                        news:gbrih8$her$1@forums.macromedia.com...
                        > Currently, on average, you have a 1 in 1000 chance of someone visiting
                        your
                        > site with an iPhone. The viewport is 800x600 or 600x800 if I recall
                        correctly.
                        >
                        > To answer the OP's question, yes, the days of 800x600 (for non-mobile
                        devices)
                        > are dying.
                        >
                        > To preempt Micha's inevitable response, fluid width layouts are garbage.
                        >
                        >


                        • 9. Re: designing for screen width
                          Level 7
                          Hear, hear. Agreed.

                          --
                          Murray --- ICQ 71997575
                          Adobe Community Expert
                          (If you *MUST* email me, don't LAUGH when you do so!)
                          ==================
                          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                          ==================


                          "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                          news:gbrmo7$mkc$1@forums.macromedia.com...
                          > <To preempt Micha's inevitable response, fluid width layouts are garbage.>
                          >
                          > LOL. While I understand the pre-emptive strike, I think you've tossed the
                          > baby out with the bathwater. Liquid layouts (100% screen widths) can
                          > produce very long strings of text that don't look good in all situations.
                          > But a well-crafted, say 3-column, liquid layout (with min and max widths)
                          > can look great and perform well on wide or narrow viewports. It all
                          > depends
                          > on how much content you need to display on the page.
                          >
                          >
                          > --Nancy O.
                          > Alt-Web Design & Publishing
                          > www.alt-web.com
                          >
                          > "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                          > news:gbrih8$her$1@forums.macromedia.com...
                          >> Currently, on average, you have a 1 in 1000 chance of someone visiting
                          > your
                          >> site with an iPhone. The viewport is 800x600 or 600x800 if I recall
                          > correctly.
                          >>
                          >> To answer the OP's question, yes, the days of 800x600 (for non-mobile
                          > devices)
                          >> are dying.
                          >>
                          >> To preempt Micha's inevitable response, fluid width layouts are garbage.
                          >>
                          >>
                          >
                          >

                          • 10. Re: designing for screen width
                            Level 7
                            .oO(JoeyD1978)

                            > To preempt Micha's inevitable response, fluid width layouts are garbage.

                            I can resist.

                            Micha
                            • 11. Re: designing for screen width
                              Level 7
                              Murray and/or Nancy, could you post some good examples of sites using that
                              technique?

                              --
                              Patty Ayers | www.WebDevBiz.com
                              Free Articles on the Business of Web Development
                              Web Design Contract, Estimate Request Form, Estimate Worksheet
                              --

                              "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                              news:gbrn89$n62$1@forums.macromedia.com...
                              > Hear, hear. Agreed.
                              >
                              > --
                              > Murray --- ICQ 71997575
                              > Adobe Community Expert
                              > (If you *MUST* email me, don't LAUGH when you do so!)
                              > ==================
                              > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                              > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                              > ==================
                              >
                              >
                              > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                              > news:gbrmo7$mkc$1@forums.macromedia.com...
                              >> <To preempt Micha's inevitable response, fluid width layouts are
                              >> garbage.>
                              >>
                              >> LOL. While I understand the pre-emptive strike, I think you've tossed
                              >> the
                              >> baby out with the bathwater. Liquid layouts (100% screen widths) can
                              >> produce very long strings of text that don't look good in all situations.
                              >> But a well-crafted, say 3-column, liquid layout (with min and max widths)
                              >> can look great and perform well on wide or narrow viewports. It all
                              >> depends
                              >> on how much content you need to display on the page.
                              >>
                              >>
                              >> --Nancy O.
                              >> Alt-Web Design & Publishing
                              >> www.alt-web.com
                              >>
                              >> "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                              >> news:gbrih8$her$1@forums.macromedia.com...
                              >>> Currently, on average, you have a 1 in 1000 chance of someone visiting
                              >> your
                              >>> site with an iPhone. The viewport is 800x600 or 600x800 if I recall
                              >> correctly.
                              >>>
                              >>> To answer the OP's question, yes, the days of 800x600 (for non-mobile
                              >> devices)
                              >>> are dying.
                              >>>
                              >>> To preempt Micha's inevitable response, fluid width layouts are
                              >>> garbage.
                              >>>
                              >>>
                              >>
                              >>
                              >

                              • 12. Re: designing for screen width
                                Level 7
                                Murray *ACE* posted in macromedia.dreamweaver:

                                > Want to make your site look better on the iPhone with one line of
                                > HTML?
                                >
                                > It's easy—just add a <meta> tag that lets the iPhone know how wide
                                > to display the initial page. I added the following code to the
                                > <head> in my template yesterday:
                                >
                                > <meta name="viewport" content="width=808" />Every browser besides
                                > MobileSafari will ignore this information. But it does something
                                > very important on the iPhone: it optimizes the viewport for your
                                > content.

                                Now THAT's a handy bit of learnin' for me. I never would have thought
                                to look for something like that.

                                Thanks!


                                --
                                Mark A. Boyd
                                Keep-On-Learnin' :)
                                • 13. Re: designing for screen width
                                  Level 7

                                  "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                  news:gbrhmj$gdu$1@forums.macromedia.com...

                                  > As always, a picture is worth a thousand words. Here are the changes that
                                  > could be made on a couple of my favorite web sites:
                                  >
                                  > ...

                                  Huh?


                                  --
                                  Patty Ayers | www.WebDevBiz.com
                                  Free Articles on the Business of Web Development
                                  Web Design Contract, Estimate Request Form, Estimate Worksheet
                                  --

                                  • 14. Re: designing for screen width
                                    Level 7
                                    An irrelevant inclusion in the text that I copied from my Google search.

                                    --
                                    Murray --- ICQ 71997575
                                    Adobe Community Expert
                                    (If you *MUST* email me, don't LAUGH when you do so!)
                                    ==================
                                    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                    ==================


                                    "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
                                    news:gbtepa$2uo$1@forums.macromedia.com...
                                    >
                                    > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                    > news:gbrhmj$gdu$1@forums.macromedia.com...
                                    >
                                    >> As always, a picture is worth a thousand words. Here are the changes that
                                    >> could be made on a couple of my favorite web sites:
                                    >>
                                    >> ...
                                    >
                                    > Huh?
                                    >
                                    >
                                    > --
                                    > Patty Ayers | www.WebDevBiz.com
                                    > Free Articles on the Business of Web Development
                                    > Web Design Contract, Estimate Request Form, Estimate Worksheet
                                    > --
                                    >

                                    • 15. Re: designing for screen width
                                      Level 7
                                      I'm sure you'll recognize most of these sites that use liquid layouts:

                                      http://www.csszengarden.com/

                                      http://www.communitymx.com/

                                      http://www.tjkdesign.com/

                                      http://www.projectseven.com/tutorials/index.htm

                                      http://validator.w3.org/

                                      And my own site is a liquid layout.

                                      --Nancy O.
                                      Alt-Web Design & Publishing
                                      www.alt-web.com






                                      "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
                                      news:gbtdv4$1t1$1@forums.macromedia.com...
                                      > Murray and/or Nancy, could you post some good examples of sites using that
                                      > technique?
                                      >
                                      > --
                                      > Patty Ayers | www.WebDevBiz.com
                                      > Free Articles on the Business of Web Development
                                      > Web Design Contract, Estimate Request Form, Estimate Worksheet
                                      > --
                                      >
                                      > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                      > news:gbrn89$n62$1@forums.macromedia.com...
                                      > > Hear, hear. Agreed.
                                      > >
                                      > > --
                                      > > Murray --- ICQ 71997575
                                      > > Adobe Community Expert
                                      > > (If you *MUST* email me, don't LAUGH when you do so!)
                                      > > ==================
                                      > > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                      > > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                      > > ==================
                                      > >
                                      > >
                                      > > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                      > > news:gbrmo7$mkc$1@forums.macromedia.com...
                                      > >> <To preempt Micha's inevitable response, fluid width layouts are
                                      > >> garbage.>
                                      > >>
                                      > >> LOL. While I understand the pre-emptive strike, I think you've tossed
                                      > >> the
                                      > >> baby out with the bathwater. Liquid layouts (100% screen widths) can
                                      > >> produce very long strings of text that don't look good in all
                                      situations.
                                      > >> But a well-crafted, say 3-column, liquid layout (with min and max
                                      widths)
                                      > >> can look great and perform well on wide or narrow viewports. It all
                                      > >> depends
                                      > >> on how much content you need to display on the page.
                                      > >>
                                      > >>
                                      > >> --Nancy O.
                                      > >> Alt-Web Design & Publishing
                                      > >> www.alt-web.com
                                      > >>
                                      > >> "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                                      > >> news:gbrih8$her$1@forums.macromedia.com...
                                      > >>> Currently, on average, you have a 1 in 1000 chance of someone visiting
                                      > >> your
                                      > >>> site with an iPhone. The viewport is 800x600 or 600x800 if I recall
                                      > >> correctly.
                                      > >>>
                                      > >>> To answer the OP's question, yes, the days of 800x600 (for non-mobile
                                      > >> devices)
                                      > >>> are dying.
                                      > >>>
                                      > >>> To preempt Micha's inevitable response, fluid width layouts are
                                      > >>> garbage.
                                      > >>>
                                      > >>>
                                      > >>
                                      > >>
                                      > >
                                      >


                                      • 16. Re: designing for screen width
                                        Level 7
                                        Those are "3-column, liquid layout with min and max widths? I see a lot of
                                        way-too-long lines.

                                        --
                                        Patty Ayers | www.WebDevBiz.com
                                        Free Articles on the Business of Web Development
                                        Web Design Contract, Estimate Request Form, Estimate Worksheet
                                        --


                                        "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                        news:gbtrjv$kdk$1@forums.macromedia.com...
                                        > I'm sure you'll recognize most of these sites that use liquid layouts:
                                        >
                                        > http://www.csszengarden.com/
                                        >
                                        > http://www.communitymx.com/
                                        >
                                        > http://www.tjkdesign.com/
                                        >
                                        > http://www.projectseven.com/tutorials/index.htm
                                        >
                                        > http://validator.w3.org/
                                        >
                                        > And my own site is a liquid layout.
                                        >
                                        > --Nancy O.
                                        > Alt-Web Design & Publishing
                                        > www.alt-web.com
                                        >
                                        >
                                        >
                                        >
                                        >
                                        >
                                        > "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
                                        > news:gbtdv4$1t1$1@forums.macromedia.com...
                                        >> Murray and/or Nancy, could you post some good examples of sites using
                                        >> that
                                        >> technique?
                                        >>
                                        >> --
                                        >> Patty Ayers | www.WebDevBiz.com
                                        >> Free Articles on the Business of Web Development
                                        >> Web Design Contract, Estimate Request Form, Estimate Worksheet
                                        >> --
                                        >>
                                        >> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                        >> news:gbrn89$n62$1@forums.macromedia.com...
                                        >> > Hear, hear. Agreed.
                                        >> >
                                        >> > --
                                        >> > Murray --- ICQ 71997575
                                        >> > Adobe Community Expert
                                        >> > (If you *MUST* email me, don't LAUGH when you do so!)
                                        >> > ==================
                                        >> > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                        >> > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                        >> > ==================
                                        >> >
                                        >> >
                                        >> > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                        >> > news:gbrmo7$mkc$1@forums.macromedia.com...
                                        >> >> <To preempt Micha's inevitable response, fluid width layouts are
                                        >> >> garbage.>
                                        >> >>
                                        >> >> LOL. While I understand the pre-emptive strike, I think you've tossed
                                        >> >> the
                                        >> >> baby out with the bathwater. Liquid layouts (100% screen widths) can
                                        >> >> produce very long strings of text that don't look good in all
                                        > situations.
                                        >> >> But a well-crafted, say 3-column, liquid layout (with min and max
                                        > widths)
                                        >> >> can look great and perform well on wide or narrow viewports. It all
                                        >> >> depends
                                        >> >> on how much content you need to display on the page.
                                        >> >>
                                        >> >>
                                        >> >> --Nancy O.
                                        >> >> Alt-Web Design & Publishing
                                        >> >> www.alt-web.com
                                        >> >>
                                        >> >> "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                                        >> >> news:gbrih8$her$1@forums.macromedia.com...
                                        >> >>> Currently, on average, you have a 1 in 1000 chance of someone
                                        >> >>> visiting
                                        >> >> your
                                        >> >>> site with an iPhone. The viewport is 800x600 or 600x800 if I recall
                                        >> >> correctly.
                                        >> >>>
                                        >> >>> To answer the OP's question, yes, the days of 800x600 (for
                                        >> >>> non-mobile
                                        >> >> devices)
                                        >> >>> are dying.
                                        >> >>>
                                        >> >>> To preempt Micha's inevitable response, fluid width layouts are
                                        >> >>> garbage.
                                        >> >>>
                                        >> >>>
                                        >> >>
                                        >> >>
                                        >> >
                                        >>
                                        >
                                        >

                                        • 17. Re: designing for screen width
                                          Level 7
                                          I guess I wasn't very clear - I've been doing "liquid layouts" for at least
                                          10 years now myself - I was specifically interested in the type you
                                          mentioned.


                                          --
                                          Patty Ayers | www.WebDevBiz.com
                                          Free Articles on the Business of Web Development
                                          Web Design Contract, Estimate Request Form, Estimate Worksheet
                                          --

                                          "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
                                          news:gbtvhn$pfn$1@forums.macromedia.com...
                                          > Those are "3-column, liquid layout with min and max widths? I see a lot of
                                          > way-too-long lines.
                                          >
                                          > --
                                          > Patty Ayers | www.WebDevBiz.com
                                          > Free Articles on the Business of Web Development
                                          > Web Design Contract, Estimate Request Form, Estimate Worksheet
                                          > --
                                          >
                                          >
                                          > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                          > news:gbtrjv$kdk$1@forums.macromedia.com...
                                          >> I'm sure you'll recognize most of these sites that use liquid layouts:
                                          >>
                                          >> http://www.csszengarden.com/
                                          >>
                                          >> http://www.communitymx.com/
                                          >>
                                          >> http://www.tjkdesign.com/
                                          >>
                                          >> http://www.projectseven.com/tutorials/index.htm
                                          >>
                                          >> http://validator.w3.org/
                                          >>
                                          >> And my own site is a liquid layout.
                                          >>
                                          >> --Nancy O.
                                          >> Alt-Web Design & Publishing
                                          >> www.alt-web.com
                                          >>
                                          >>
                                          >>
                                          >>
                                          >>
                                          >>
                                          >> "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in
                                          >> message
                                          >> news:gbtdv4$1t1$1@forums.macromedia.com...
                                          >>> Murray and/or Nancy, could you post some good examples of sites using
                                          >>> that
                                          >>> technique?
                                          >>>
                                          >>> --
                                          >>> Patty Ayers | www.WebDevBiz.com
                                          >>> Free Articles on the Business of Web Development
                                          >>> Web Design Contract, Estimate Request Form, Estimate Worksheet
                                          >>> --
                                          >>>
                                          >>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                          >>> news:gbrn89$n62$1@forums.macromedia.com...
                                          >>> > Hear, hear. Agreed.
                                          >>> >
                                          >>> > --
                                          >>> > Murray --- ICQ 71997575
                                          >>> > Adobe Community Expert
                                          >>> > (If you *MUST* email me, don't LAUGH when you do so!)
                                          >>> > ==================
                                          >>> > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                          >>> > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                          >>> > ==================
                                          >>> >
                                          >>> >
                                          >>> > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                          >>> > news:gbrmo7$mkc$1@forums.macromedia.com...
                                          >>> >> <To preempt Micha's inevitable response, fluid width layouts are
                                          >>> >> garbage.>
                                          >>> >>
                                          >>> >> LOL. While I understand the pre-emptive strike, I think you've
                                          >>> >> tossed
                                          >>> >> the
                                          >>> >> baby out with the bathwater. Liquid layouts (100% screen widths) can
                                          >>> >> produce very long strings of text that don't look good in all
                                          >> situations.
                                          >>> >> But a well-crafted, say 3-column, liquid layout (with min and max
                                          >> widths)
                                          >>> >> can look great and perform well on wide or narrow viewports. It all
                                          >>> >> depends
                                          >>> >> on how much content you need to display on the page.
                                          >>> >>
                                          >>> >>
                                          >>> >> --Nancy O.
                                          >>> >> Alt-Web Design & Publishing
                                          >>> >> www.alt-web.com
                                          >>> >>
                                          >>> >> "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                                          >>> >> news:gbrih8$her$1@forums.macromedia.com...
                                          >>> >>> Currently, on average, you have a 1 in 1000 chance of someone
                                          >>> >>> visiting
                                          >>> >> your
                                          >>> >>> site with an iPhone. The viewport is 800x600 or 600x800 if I recall
                                          >>> >> correctly.
                                          >>> >>>
                                          >>> >>> To answer the OP's question, yes, the days of 800x600 (for
                                          >>> >>> non-mobile
                                          >>> >> devices)
                                          >>> >>> are dying.
                                          >>> >>>
                                          >>> >>> To preempt Micha's inevitable response, fluid width layouts are
                                          >>> >>> garbage.
                                          >>> >>>
                                          >>> >>>
                                          >>> >>
                                          >>> >>
                                          >>> >
                                          >>>
                                          >>
                                          >>
                                          >

                                          • 18. Re: designing for screen width
                                            Level 7
                                            My own site uses 2-3 columns and has min and max width.

                                            max-width:1280px;
                                            min-width:800px;


                                            --Nancy O.
                                            Alt-Web Design & Publishing
                                            www.alt-web.com



                                            "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
                                            news:gbtvk9$pio$1@forums.macromedia.com...
                                            > I guess I wasn't very clear - I've been doing "liquid layouts" for at
                                            least
                                            > 10 years now myself - I was specifically interested in the type you
                                            > mentioned.
                                            >
                                            >
                                            > --
                                            > Patty Ayers | www.WebDevBiz.com
                                            > Free Articles on the Business of Web Development
                                            > Web Design Contract, Estimate Request Form, Estimate Worksheet
                                            > --
                                            >
                                            > "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
                                            > news:gbtvhn$pfn$1@forums.macromedia.com...
                                            > > Those are "3-column, liquid layout with min and max widths? I see a lot
                                            of
                                            > > way-too-long lines.
                                            > >
                                            > > --
                                            > > Patty Ayers | www.WebDevBiz.com
                                            > > Free Articles on the Business of Web Development
                                            > > Web Design Contract, Estimate Request Form, Estimate Worksheet
                                            > > --
                                            > >
                                            > >
                                            > > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                            > > news:gbtrjv$kdk$1@forums.macromedia.com...
                                            > >> I'm sure you'll recognize most of these sites that use liquid layouts:
                                            > >>
                                            > >> http://www.csszengarden.com/
                                            > >>
                                            > >> http://www.communitymx.com/
                                            > >>
                                            > >> http://www.tjkdesign.com/
                                            > >>
                                            > >> http://www.projectseven.com/tutorials/index.htm
                                            > >>
                                            > >> http://validator.w3.org/
                                            > >>
                                            > >> And my own site is a liquid layout.
                                            > >>
                                            > >> --Nancy O.
                                            > >> Alt-Web Design & Publishing
                                            > >> www.alt-web.com
                                            > >>
                                            > >>
                                            > >>
                                            > >>
                                            > >>
                                            > >>
                                            > >> "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in
                                            > >> message
                                            > >> news:gbtdv4$1t1$1@forums.macromedia.com...
                                            > >>> Murray and/or Nancy, could you post some good examples of sites using
                                            > >>> that
                                            > >>> technique?
                                            > >>>
                                            > >>> --
                                            > >>> Patty Ayers | www.WebDevBiz.com
                                            > >>> Free Articles on the Business of Web Development
                                            > >>> Web Design Contract, Estimate Request Form, Estimate Worksheet
                                            > >>> --
                                            > >>>
                                            > >>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                            > >>> news:gbrn89$n62$1@forums.macromedia.com...
                                            > >>> > Hear, hear. Agreed.
                                            > >>> >
                                            > >>> > --
                                            > >>> > Murray --- ICQ 71997575
                                            > >>> > Adobe Community Expert
                                            > >>> > (If you *MUST* email me, don't LAUGH when you do so!)
                                            > >>> > ==================
                                            > >>> > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                            > >>> > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                            > >>> > ==================
                                            > >>> >
                                            > >>> >
                                            > >>> > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                            > >>> > news:gbrmo7$mkc$1@forums.macromedia.com...
                                            > >>> >> <To preempt Micha's inevitable response, fluid width layouts are
                                            > >>> >> garbage.>
                                            > >>> >>
                                            > >>> >> LOL. While I understand the pre-emptive strike, I think you've
                                            > >>> >> tossed
                                            > >>> >> the
                                            > >>> >> baby out with the bathwater. Liquid layouts (100% screen widths)
                                            can
                                            > >>> >> produce very long strings of text that don't look good in all
                                            > >> situations.
                                            > >>> >> But a well-crafted, say 3-column, liquid layout (with min and max
                                            > >> widths)
                                            > >>> >> can look great and perform well on wide or narrow viewports. It
                                            all
                                            > >>> >> depends
                                            > >>> >> on how much content you need to display on the page.
                                            > >>> >>
                                            > >>> >>
                                            > >>> >> --Nancy O.
                                            > >>> >> Alt-Web Design & Publishing
                                            > >>> >> www.alt-web.com
                                            > >>> >>
                                            > >>> >> "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                                            > >>> >> news:gbrih8$her$1@forums.macromedia.com...
                                            > >>> >>> Currently, on average, you have a 1 in 1000 chance of someone
                                            > >>> >>> visiting
                                            > >>> >> your
                                            > >>> >>> site with an iPhone. The viewport is 800x600 or 600x800 if I
                                            recall
                                            > >>> >> correctly.
                                            > >>> >>>
                                            > >>> >>> To answer the OP's question, yes, the days of 800x600 (for
                                            > >>> >>> non-mobile
                                            > >>> >> devices)
                                            > >>> >>> are dying.
                                            > >>> >>>
                                            > >>> >>> To preempt Micha's inevitable response, fluid width layouts are
                                            > >>> >>> garbage.
                                            > >>> >>>
                                            > >>> >>>
                                            > >>> >>
                                            > >>> >>
                                            > >>> >
                                            > >>>
                                            > >>
                                            > >>
                                            > >
                                            >


                                            • 19. Re: designing for screen width
                                              Level 7
                                              Ok, thanks for the example. It works very well in my browser at different
                                              sizes. Nice site!

                                              --
                                              Patty Ayers | www.WebDevBiz.com
                                              Free Articles on the Business of Web Development
                                              Web Design Contract, Estimate Request Form, Estimate Worksheet
                                              --

                                              "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                              news:gbu24l$sr8$1@forums.macromedia.com...
                                              > My own site uses 2-3 columns and has min and max width.
                                              >
                                              > max-width:1280px;
                                              > min-width:800px;
                                              >
                                              >
                                              > --Nancy O.
                                              > Alt-Web Design & Publishing
                                              > www.alt-web.com
                                              >
                                              >
                                              >
                                              > "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
                                              > news:gbtvk9$pio$1@forums.macromedia.com...
                                              >> I guess I wasn't very clear - I've been doing "liquid layouts" for at
                                              > least
                                              >> 10 years now myself - I was specifically interested in the type you
                                              >> mentioned.
                                              >>
                                              >>
                                              >> --
                                              >> Patty Ayers | www.WebDevBiz.com
                                              >> Free Articles on the Business of Web Development
                                              >> Web Design Contract, Estimate Request Form, Estimate Worksheet
                                              >> --
                                              >>
                                              >> "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in
                                              >> message
                                              >> news:gbtvhn$pfn$1@forums.macromedia.com...
                                              >> > Those are "3-column, liquid layout with min and max widths? I see a lot
                                              > of
                                              >> > way-too-long lines.
                                              >> >
                                              >> > --
                                              >> > Patty Ayers | www.WebDevBiz.com
                                              >> > Free Articles on the Business of Web Development
                                              >> > Web Design Contract, Estimate Request Form, Estimate Worksheet
                                              >> > --
                                              >> >
                                              >> >
                                              >> > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                              >> > news:gbtrjv$kdk$1@forums.macromedia.com...
                                              >> >> I'm sure you'll recognize most of these sites that use liquid layouts:
                                              >> >>
                                              >> >> http://www.csszengarden.com/
                                              >> >>
                                              >> >> http://www.communitymx.com/
                                              >> >>
                                              >> >> http://www.tjkdesign.com/
                                              >> >>
                                              >> >> http://www.projectseven.com/tutorials/index.htm
                                              >> >>
                                              >> >> http://validator.w3.org/
                                              >> >>
                                              >> >> And my own site is a liquid layout.
                                              >> >>
                                              >> >> --Nancy O.
                                              >> >> Alt-Web Design & Publishing
                                              >> >> www.alt-web.com
                                              >> >>
                                              >> >>
                                              >> >>
                                              >> >>
                                              >> >>
                                              >> >>
                                              >> >> "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in
                                              >> >> message
                                              >> >> news:gbtdv4$1t1$1@forums.macromedia.com...
                                              >> >>> Murray and/or Nancy, could you post some good examples of sites using
                                              >> >>> that
                                              >> >>> technique?
                                              >> >>>
                                              >> >>> --
                                              >> >>> Patty Ayers | www.WebDevBiz.com
                                              >> >>> Free Articles on the Business of Web Development
                                              >> >>> Web Design Contract, Estimate Request Form, Estimate Worksheet
                                              >> >>> --
                                              >> >>>
                                              >> >>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                              >> >>> news:gbrn89$n62$1@forums.macromedia.com...
                                              >> >>> > Hear, hear. Agreed.
                                              >> >>> >
                                              >> >>> > --
                                              >> >>> > Murray --- ICQ 71997575
                                              >> >>> > Adobe Community Expert
                                              >> >>> > (If you *MUST* email me, don't LAUGH when you do so!)
                                              >> >>> > ==================
                                              >> >>> > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                              >> >>> > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                              >> >>> > ==================
                                              >> >>> >
                                              >> >>> >
                                              >> >>> > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                              >> >>> > news:gbrmo7$mkc$1@forums.macromedia.com...
                                              >> >>> >> <To preempt Micha's inevitable response, fluid width layouts are
                                              >> >>> >> garbage.>
                                              >> >>> >>
                                              >> >>> >> LOL. While I understand the pre-emptive strike, I think you've
                                              >> >>> >> tossed
                                              >> >>> >> the
                                              >> >>> >> baby out with the bathwater. Liquid layouts (100% screen widths)
                                              > can
                                              >> >>> >> produce very long strings of text that don't look good in all
                                              >> >> situations.
                                              >> >>> >> But a well-crafted, say 3-column, liquid layout (with min and max
                                              >> >> widths)
                                              >> >>> >> can look great and perform well on wide or narrow viewports. It
                                              > all
                                              >> >>> >> depends
                                              >> >>> >> on how much content you need to display on the page.
                                              >> >>> >>
                                              >> >>> >>
                                              >> >>> >> --Nancy O.
                                              >> >>> >> Alt-Web Design & Publishing
                                              >> >>> >> www.alt-web.com
                                              >> >>> >>
                                              >> >>> >> "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                                              >> >>> >> news:gbrih8$her$1@forums.macromedia.com...
                                              >> >>> >>> Currently, on average, you have a 1 in 1000 chance of someone
                                              >> >>> >>> visiting
                                              >> >>> >> your
                                              >> >>> >>> site with an iPhone. The viewport is 800x600 or 600x800 if I
                                              > recall
                                              >> >>> >> correctly.
                                              >> >>> >>>
                                              >> >>> >>> To answer the OP's question, yes, the days of 800x600 (for
                                              >> >>> >>> non-mobile
                                              >> >>> >> devices)
                                              >> >>> >>> are dying.
                                              >> >>> >>>
                                              >> >>> >>> To preempt Micha's inevitable response, fluid width layouts are
                                              >> >>> >>> garbage.
                                              >> >>> >>>
                                              >> >>> >>>
                                              >> >>> >>
                                              >> >>> >>
                                              >> >>> >
                                              >> >>>
                                              >> >>
                                              >> >>
                                              >> >
                                              >>
                                              >
                                              >

                                              • 20. Re: designing for screen width
                                                Level 7
                                                Thanks.
                                                -N

                                                "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in message
                                                news:gbu5mb$49k$1@forums.macromedia.com...
                                                > Ok, thanks for the example. It works very well in my browser at different
                                                > sizes. Nice site!
                                                >
                                                > --
                                                > Patty Ayers | www.WebDevBiz.com
                                                > Free Articles on the Business of Web Development
                                                > Web Design Contract, Estimate Request Form, Estimate Worksheet
                                                > --
                                                >
                                                > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                                > news:gbu24l$sr8$1@forums.macromedia.com...
                                                > > My own site uses 2-3 columns and has min and max width.
                                                > >
                                                > > max-width:1280px;
                                                > > min-width:800px;
                                                > >
                                                > >
                                                > > --Nancy O.
                                                > > Alt-Web Design & Publishing
                                                > > www.alt-web.com
                                                > >
                                                > >
                                                > >
                                                > > "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in
                                                message
                                                > > news:gbtvk9$pio$1@forums.macromedia.com...
                                                > >> I guess I wasn't very clear - I've been doing "liquid layouts" for at
                                                > > least
                                                > >> 10 years now myself - I was specifically interested in the type you
                                                > >> mentioned.
                                                > >>
                                                > >>
                                                > >> --
                                                > >> Patty Ayers | www.WebDevBiz.com
                                                > >> Free Articles on the Business of Web Development
                                                > >> Web Design Contract, Estimate Request Form, Estimate Worksheet
                                                > >> --
                                                > >>
                                                > >> "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in
                                                > >> message
                                                > >> news:gbtvhn$pfn$1@forums.macromedia.com...
                                                > >> > Those are "3-column, liquid layout with min and max widths? I see a
                                                lot
                                                > > of
                                                > >> > way-too-long lines.
                                                > >> >
                                                > >> > --
                                                > >> > Patty Ayers | www.WebDevBiz.com
                                                > >> > Free Articles on the Business of Web Development
                                                > >> > Web Design Contract, Estimate Request Form, Estimate Worksheet
                                                > >> > --
                                                > >> >
                                                > >> >
                                                > >> > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                                > >> > news:gbtrjv$kdk$1@forums.macromedia.com...
                                                > >> >> I'm sure you'll recognize most of these sites that use liquid
                                                layouts:
                                                > >> >>
                                                > >> >> http://www.csszengarden.com/
                                                > >> >>
                                                > >> >> http://www.communitymx.com/
                                                > >> >>
                                                > >> >> http://www.tjkdesign.com/
                                                > >> >>
                                                > >> >> http://www.projectseven.com/tutorials/index.htm
                                                > >> >>
                                                > >> >> http://validator.w3.org/
                                                > >> >>
                                                > >> >> And my own site is a liquid layout.
                                                > >> >>
                                                > >> >> --Nancy O.
                                                > >> >> Alt-Web Design & Publishing
                                                > >> >> www.alt-web.com
                                                > >> >>
                                                > >> >>
                                                > >> >>
                                                > >> >>
                                                > >> >>
                                                > >> >>
                                                > >> >> "P@tty Ayers ~ACE" <signup1REMOVE@ayersvirtualREMOVE.com> wrote in
                                                > >> >> message
                                                > >> >> news:gbtdv4$1t1$1@forums.macromedia.com...
                                                > >> >>> Murray and/or Nancy, could you post some good examples of sites
                                                using
                                                > >> >>> that
                                                > >> >>> technique?
                                                > >> >>>
                                                > >> >>> --
                                                > >> >>> Patty Ayers | www.WebDevBiz.com
                                                > >> >>> Free Articles on the Business of Web Development
                                                > >> >>> Web Design Contract, Estimate Request Form, Estimate Worksheet
                                                > >> >>> --
                                                > >> >>>
                                                > >> >>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                                > >> >>> news:gbrn89$n62$1@forums.macromedia.com...
                                                > >> >>> > Hear, hear. Agreed.
                                                > >> >>> >
                                                > >> >>> > --
                                                > >> >>> > Murray --- ICQ 71997575
                                                > >> >>> > Adobe Community Expert
                                                > >> >>> > (If you *MUST* email me, don't LAUGH when you do so!)
                                                > >> >>> > ==================
                                                > >> >>> > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                                                > >> >>> > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                                                > >> >>> > ==================
                                                > >> >>> >
                                                > >> >>> >
                                                > >> >>> > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                                > >> >>> > news:gbrmo7$mkc$1@forums.macromedia.com...
                                                > >> >>> >> <To preempt Micha's inevitable response, fluid width layouts are
                                                > >> >>> >> garbage.>
                                                > >> >>> >>
                                                > >> >>> >> LOL. While I understand the pre-emptive strike, I think you've
                                                > >> >>> >> tossed
                                                > >> >>> >> the
                                                > >> >>> >> baby out with the bathwater. Liquid layouts (100% screen
                                                widths)
                                                > > can
                                                > >> >>> >> produce very long strings of text that don't look good in all
                                                > >> >> situations.
                                                > >> >>> >> But a well-crafted, say 3-column, liquid layout (with min and
                                                max
                                                > >> >> widths)
                                                > >> >>> >> can look great and perform well on wide or narrow viewports. It
                                                > > all
                                                > >> >>> >> depends
                                                > >> >>> >> on how much content you need to display on the page.
                                                > >> >>> >>
                                                > >> >>> >>
                                                > >> >>> >> --Nancy O.
                                                > >> >>> >> Alt-Web Design & Publishing
                                                > >> >>> >> www.alt-web.com
                                                > >> >>> >>
                                                > >> >>> >> "JoeyD1978" <webforumsuser@macromedia.com> wrote in message
                                                > >> >>> >> news:gbrih8$her$1@forums.macromedia.com...
                                                > >> >>> >>> Currently, on average, you have a 1 in 1000 chance of someone
                                                > >> >>> >>> visiting
                                                > >> >>> >> your
                                                > >> >>> >>> site with an iPhone. The viewport is 800x600 or 600x800 if I
                                                > > recall
                                                > >> >>> >> correctly.
                                                > >> >>> >>>
                                                > >> >>> >>> To answer the OP's question, yes, the days of 800x600 (for
                                                > >> >>> >>> non-mobile
                                                > >> >>> >> devices)
                                                > >> >>> >>> are dying.
                                                > >> >>> >>>
                                                > >> >>> >>> To preempt Micha's inevitable response, fluid width layouts
                                                are
                                                > >> >>> >>> garbage.
                                                > >> >>> >>>
                                                > >> >>> >>>
                                                > >> >>> >>
                                                > >> >>> >>
                                                > >> >>> >
                                                > >> >>>
                                                > >> >>
                                                > >> >>
                                                > >> >
                                                > >>
                                                > >
                                                > >
                                                >


                                                • 21. Re: designing for screen width
                                                  Level 7
                                                  "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote:

                                                  >My own site uses 2-3 columns and has min and max width.
                                                  >
                                                  >max-width:1280px;
                                                  >min-width:800px;

                                                  Well, more or less!

                                                  With Firefox the page starts to clip at 900 pixels, and the left hand column
                                                  continues to expand up to 1440 pixels. Apart from the clipping, the page always
                                                  displays correctly.

                                                  With IE7 the second column of ads disappears when the width is less than 1130
                                                  pixels -- a good thing! --, and again the page starts to clip at about 900
                                                  pixels.

                                                  With IE6 the second column of ads disappears when the width is less than 1135
                                                  pixels, and the first column of ads disappears when the width is less than 1105
                                                  pixels -- even better! And even at 1280 pixels width a horizontal scrollbar is
                                                  displayed. (I can't say if it ever disappears -- my wife has the wide monitor,
                                                  and I have the IE6.)

                                                  I quite like the layout, though I would personally prefer the home page not to
                                                  be so deep, and would move the 'Web standards' and 'RSS' panels to appendices.

                                                  Clancy
                                                  • 22. Re: designing for screen width
                                                    Level 7

                                                    "Nancy O" wrote :

                                                    > My own site uses 2-3 columns and has min and max width.
                                                    >
                                                    > max-width:1280px;
                                                    > min-width:800px;

                                                    Nancy...

                                                    What's the min / max hack for IE?

                                                    TIA...

                                                    JJ


                                                    • 23. Re: designing for screen width
                                                      Level 7
                                                      None that I know of.


                                                      --Nancy O.
                                                      Alt-Web Design & Publishing
                                                      www.alt-web.com


                                                      "Jay Jhabrix" <jhabrix@gmail.com> wrote in message
                                                      news:gburuc$34s$2@forums.macromedia.com...
                                                      >
                                                      > "Nancy O" wrote :
                                                      >
                                                      > > My own site uses 2-3 columns and has min and max width.
                                                      > >
                                                      > > max-width:1280px;
                                                      > > min-width:800px;
                                                      >
                                                      > Nancy...
                                                      >
                                                      > What's the min / max hack for IE?
                                                      >
                                                      > TIA...
                                                      >
                                                      > JJ
                                                      >
                                                      >


                                                      • 24. Re: designing for screen width
                                                        Level 7
                                                        .oO(Jay Jhabrix)

                                                        >"Nancy O" wrote :
                                                        >
                                                        >> My own site uses 2-3 columns and has min and max width.
                                                        >>
                                                        >> max-width:1280px;
                                                        >> min-width:800px;
                                                        >
                                                        >Nancy...
                                                        >
                                                        >What's the min / max hack for IE?

                                                        Only for IE 6. IE 7 knows these properties.

                                                        There are at least two ways:

                                                        * Tables: IE 6 treats a width assigned to a table like max-width - the
                                                        result is the same (if I remember correctly - haven't used this method).

                                                        * Behaviours: You can embed some JavaScript in your IE-CSS to emulate
                                                        the behaviour of min/max-width, dependent on the current viewport width.
                                                        Search the Web for details (I don't have a link at hand right now).

                                                        Micha
                                                        • 25. Re: designing for screen width
                                                          Level 7
                                                          OK... Thanks...


                                                          "Michael Fesser" <netizen@gmx.de> wrote in message
                                                          news:ns18e4d8uu9m91r87efl20cj4cfojt1nqo@4ax.com...
                                                          > .oO(Jay Jhabrix)
                                                          >
                                                          >>"Nancy O" wrote :
                                                          >>
                                                          >>> My own site uses 2-3 columns and has min and max width.
                                                          >>>
                                                          >>> max-width:1280px;
                                                          >>> min-width:800px;
                                                          >>
                                                          >>Nancy...
                                                          >>
                                                          >>What's the min / max hack for IE?
                                                          >
                                                          > Only for IE 6. IE 7 knows these properties.
                                                          >
                                                          > There are at least two ways:
                                                          >
                                                          > * Tables: IE 6 treats a width assigned to a table like max-width - the
                                                          > result is the same (if I remember correctly - haven't used this method).
                                                          >
                                                          > * Behaviours: You can embed some JavaScript in your IE-CSS to emulate
                                                          > the behaviour of min/max-width, dependent on the current viewport width.
                                                          > Search the Web for details (I don't have a link at hand right now).
                                                          >
                                                          > Micha


                                                          • 26. Re: designing for screen width
                                                            Level 7
                                                            "Michael Fesser" <netizen@gmx.de> wrote in message
                                                            news:ns18e4d8uu9m91r87efl20cj4cfojt1nqo@4ax.com...
                                                            > * Behaviours: You can embed some JavaScript in your IE-CSS to emulate
                                                            > the behaviour of min/max-width, dependent on the current viewport width.
                                                            > Search the Web for details (I don't have a link at hand right now).

                                                            http://www.projectseven.com/csslab/testing/minmax/cssp5.htm


                                                            --
                                                            Al Sparber - PVII
                                                            http://www.projectseven.com
                                                            Fully Automated Menu Systems | Galleries | Widgets
                                                            http://www.projectseven.com/go/Elevators


                                                            • 27. Re: designing for screen width
                                                              Level 7
                                                              "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                                              news:gbrfsd$e55$1@forums.macromedia.com...
                                                              > Depends on your demographic. It would be trouble on an iPhone.

                                                              Fixed width layouts are not a problem on an iPhone, once you get used to how
                                                              they work. Gerry and I test on an iPhone regularly.


                                                              --
                                                              Al Sparber - PVII
                                                              http://www.projectseven.com
                                                              Fully Automated Menu Systems | Galleries | Widgets
                                                              http://www.projectseven.com/go/Elevators


                                                              • 28. Re: designing for screen width
                                                                Level 7
                                                                "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                                                news:gc0gts$8bs$1@forums.macromedia.com...
                                                                > None that I know of.

                                                                http://www.projectseven.com/csslab/testing/minmax/cssp5.htm


                                                                --
                                                                Al Sparber - PVII
                                                                http://www.projectseven.com
                                                                Fully Automated Menu Systems | Galleries | Widgets
                                                                http://www.projectseven.com/go/Elevators


                                                                • 29. Re: designing for screen width
                                                                  Level 7

                                                                  "Al Sparber - PVII" <pviiteam@projectSPAseven.com> wrote in message
                                                                  news:gc1khu$mqi$1@forums.macromedia.com...
                                                                  > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                                                  > news:gbrfsd$e55$1@forums.macromedia.com...
                                                                  >> Depends on your demographic. It would be trouble on an iPhone.
                                                                  >
                                                                  > Fixed width layouts are not a problem on an iPhone, once you get used to
                                                                  > how they work. Gerry and I test on an iPhone regularly.

                                                                  That's what I thought.

                                                                  --
                                                                  Patty Ayers | www.WebDevBiz.com
                                                                  Free Articles on the Business of Web Development
                                                                  Web Design Contract, Estimate Request Form, Estimate Worksheet
                                                                  --

                                                                  • 30. Re: designing for screen width
                                                                    Level 7
                                                                    Thanks Al, that's something I'll use. Nice lorem ispsum, too.

                                                                    --Nancy O.
                                                                    Alt-Web Design & Publishing
                                                                    www.alt-web.com



                                                                    "Al Sparber - PVII" <pviiteam@projectSPAseven.com> wrote in message
                                                                    news:gc1kmt$n2i$1@forums.macromedia.com...
                                                                    > "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
                                                                    > news:gc0gts$8bs$1@forums.macromedia.com...
                                                                    > > None that I know of.
                                                                    >
                                                                    > http://www.projectseven.com/csslab/testing/minmax/cssp5.htm
                                                                    >
                                                                    >
                                                                    > --
                                                                    > Al Sparber - PVII
                                                                    > http://www.projectseven.com
                                                                    > Fully Automated Menu Systems | Galleries | Widgets
                                                                    > http://www.projectseven.com/go/Elevators
                                                                    >
                                                                    >