9 Replies Latest reply on Jan 5, 2009 1:21 PM by Newsgroup_User

    Dreamweaver CS3 problem

    askey3201
      I am currently using CS3 version, have built my website up loaded it, but it is disaligned on other computers - why is this and what do I need to do to rectify it. I had recently started a course for dreamweaver - did four week 2 hour sessions and then the instructor went sick. So I am struggling somewhat. Any advice would be appreciated.
        • 1. Re: Dreamweaver CS3 problem
          Level 7


          > but it is
          > disaligned on other computers

          Slap the monitor up side the head and hope it shakes it into alignment?

          really- give a url address and describe the problem.

          --
          Alan
          Adobe Community Expert, dreamweaver

          http://www.adobe.com/communities/experts/



          • 2. Re: Dreamweaver CS3 problem
            John T Smith Adobe Community Professional & MVP
            Post a link so the guru's may look
            • 3. Re: Dreamweaver CS3 problem
              askey3201 Level 1
              www.appleorchardaviary.com
              • 4. Re: Dreamweaver CS3 problem
                Level 7
                Your problem's root is the fact that you have used AP divs to layout the
                page. The "AP" means "absolutely positioned". An absolutely positioned
                element is positioned ... well ... absolutely. On the page, you also have a
                table that is center aligning -

                <table width="834" height="276" border="1" align="center"

                Center aligning elements are NOT absolutely positioned. In fact, they move
                to the center of the browser viewport no matter how wide it is (as long as
                it's at least as wide as the table's 834px width).

                So - you have parts of the page that centers and parts of the page that does
                not center. Thus, it's "disaligned on other computers ".

                If you *really* want to see a mess, just increase your text size in the
                browser by one tick.

                This page is the poster child for why we plead with people not to use
                absolutely positioned elements (layers) for page layout. If this is what
                your teacher taught you in the class, it's good that he/she went out sick,
                as it's clear that they had no concept of "best practice" when it comes to
                web development.

                Advice? Start over. Get rid of this entire layout scheme. Build the page
                in tables only, until your independent studies of HTML and CSS can support a
                more robust approach. Do NOT use layers at all. If you need help with
                tables, click on the DW FAQ link in my sig - there is an excellent tutorial
                there. If you need resources for learning HTML and CSS, go here -

                http://www.w3schools.com

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


                "askey3201" <webforumsuser@macromedia.com> wrote in message
                news:gjtjis$8b4$1@forums.macromedia.com...
                > www.appleorchardaviary.com

                • 5. Re: Dreamweaver CS3 problem
                  Level 7
                  Does that mean that a slap to the monitor will not work after all?


                  "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                  news:gjtke7$9df$1@forums.macromedia.com...
                  > Your problem's root is the fact that you have used AP divs to layout the
                  > page. The "AP" means "absolutely positioned". An absolutely positioned
                  > element is positioned ... well ... absolutely. On the page, you also have
                  > a table that is center aligning -
                  >
                  > <table width="834" height="276" border="1" align="center"
                  >
                  > Center aligning elements are NOT absolutely positioned. In fact, they
                  > move to the center of the browser viewport no matter how wide it is (as
                  > long as it's at least as wide as the table's 834px width).
                  >
                  > So - you have parts of the page that centers and parts of the page that
                  > does not center. Thus, it's "disaligned on other computers ".
                  >
                  > If you *really* want to see a mess, just increase your text size in the
                  > browser by one tick.
                  >
                  > This page is the poster child for why we plead with people not to use
                  > absolutely positioned elements (layers) for page layout. If this is what
                  > your teacher taught you in the class, it's good that he/she went out sick,
                  > as it's clear that they had no concept of "best practice" when it comes to
                  > web development.
                  >
                  > Advice? Start over. Get rid of this entire layout scheme. Build the
                  > page in tables only, until your independent studies of HTML and CSS can
                  > support a more robust approach. Do NOT use layers at all. If you need
                  > help with tables, click on the DW FAQ link in my sig - there is an
                  > excellent tutorial there. If you need resources for learning HTML and
                  > CSS, go here -
                  >
                  > http://www.w3schools.com
                  >
                  > --
                  > 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
                  > ==================
                  >
                  >
                  > "askey3201" <webforumsuser@macromedia.com> wrote in message
                  > news:gjtjis$8b4$1@forums.macromedia.com...
                  >> www.appleorchardaviary.com
                  >


                  • 6. Re: Dreamweaver CS3 problem
                    Level 7
                    It's always worth exercising dominance, when you can. But in this case, I
                    fear somethign more drastic is needed.

                    I felt like a rat making that recommendation, so I went back to the page to
                    look at it again. I realized that the poster had used Flash buttons on
                    re-examination of the page. <sigh>

                    So, now I really recommend you start over on it. Don't use Flash buttons.
                    Don't use layers.

                    Then at the bottom of the page, I see this -

                    <p><a href=" http://www.onlinedegreeadvantage.com/doctorate-degree.html"
                    target="_blank"><img
                    src=" http://www.onlinedegreeadvantage.com/cgi-bin/image.pl?URL=152144-5041"
                    alt="doctorate degrees" border="0" /></a></p>

                    What's that about?

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


                    "GPaul" <gwpaul@ptd.net> wrote in message
                    news:gjtnbi$d2s$1@forums.macromedia.com...
                    > Does that mean that a slap to the monitor will not work after all?
                    >
                    >
                    > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                    > news:gjtke7$9df$1@forums.macromedia.com...
                    >> Your problem's root is the fact that you have used AP divs to layout the
                    >> page. The "AP" means "absolutely positioned". An absolutely positioned
                    >> element is positioned ... well ... absolutely. On the page, you also
                    >> have a table that is center aligning -
                    >>
                    >> <table width="834" height="276" border="1" align="center"
                    >>
                    >> Center aligning elements are NOT absolutely positioned. In fact, they
                    >> move to the center of the browser viewport no matter how wide it is (as
                    >> long as it's at least as wide as the table's 834px width).
                    >>
                    >> So - you have parts of the page that centers and parts of the page that
                    >> does not center. Thus, it's "disaligned on other computers ".
                    >>
                    >> If you *really* want to see a mess, just increase your text size in the
                    >> browser by one tick.
                    >>
                    >> This page is the poster child for why we plead with people not to use
                    >> absolutely positioned elements (layers) for page layout. If this is what
                    >> your teacher taught you in the class, it's good that he/she went out
                    >> sick, as it's clear that they had no concept of "best practice" when it
                    >> comes to web development.
                    >>
                    >> Advice? Start over. Get rid of this entire layout scheme. Build the
                    >> page in tables only, until your independent studies of HTML and CSS can
                    >> support a more robust approach. Do NOT use layers at all. If you need
                    >> help with tables, click on the DW FAQ link in my sig - there is an
                    >> excellent tutorial there. If you need resources for learning HTML and
                    >> CSS, go here -
                    >>
                    >> http://www.w3schools.com
                    >>
                    >> --
                    >> 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
                    >> ==================
                    >>
                    >>
                    >> "askey3201" <webforumsuser@macromedia.com> wrote in message
                    >> news:gjtjis$8b4$1@forums.macromedia.com...
                    >>> www.appleorchardaviary.com
                    >>
                    >
                    >

                    • 7. Re: Dreamweaver CS3 problem
                      Level 7
                      > <p><a href=" http://www.onlinedegreeadvantage.com/doctorate-degree.html"
                      > target="_blank"><img
                      > src=" http://www.onlinedegreeadvantage.com/cgi-bin/image.pl?URL=152144-5041"
                      > alt="doctorate degrees" border="0" /></a></p>
                      >
                      > What's that about?

                      It is probably one of those "free" counters you download, with the catch
                      that it has a built in advertising link.


                      "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                      news:gjtq1r$gif$1@forums.macromedia.com...
                      > It's always worth exercising dominance, when you can. But in this case, I
                      > fear somethign more drastic is needed.
                      >
                      > I felt like a rat making that recommendation, so I went back to the page
                      > to look at it again. I realized that the poster had used Flash buttons on
                      > re-examination of the page. <sigh>
                      >
                      > So, now I really recommend you start over on it. Don't use Flash buttons.
                      > Don't use layers.
                      >
                      > Then at the bottom of the page, I see this -
                      >
                      > <p><a href=" http://www.onlinedegreeadvantage.com/doctorate-degree.html"
                      > target="_blank"><img
                      > src=" http://www.onlinedegreeadvantage.com/cgi-bin/image.pl?URL=152144-5041"
                      > alt="doctorate degrees" border="0" /></a></p>
                      >
                      > What's that about?
                      >
                      > --
                      > 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
                      > ==================
                      >
                      >
                      > "GPaul" <gwpaul@ptd.net> wrote in message
                      > news:gjtnbi$d2s$1@forums.macromedia.com...
                      >> Does that mean that a slap to the monitor will not work after all?
                      >>
                      >>
                      >> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                      >> news:gjtke7$9df$1@forums.macromedia.com...
                      >>> Your problem's root is the fact that you have used AP divs to layout the
                      >>> page. The "AP" means "absolutely positioned". An absolutely positioned
                      >>> element is positioned ... well ... absolutely. On the page, you also
                      >>> have a table that is center aligning -
                      >>>
                      >>> <table width="834" height="276" border="1" align="center"
                      >>>
                      >>> Center aligning elements are NOT absolutely positioned. In fact, they
                      >>> move to the center of the browser viewport no matter how wide it is (as
                      >>> long as it's at least as wide as the table's 834px width).
                      >>>
                      >>> So - you have parts of the page that centers and parts of the page that
                      >>> does not center. Thus, it's "disaligned on other computers ".
                      >>>
                      >>> If you *really* want to see a mess, just increase your text size in the
                      >>> browser by one tick.
                      >>>
                      >>> This page is the poster child for why we plead with people not to use
                      >>> absolutely positioned elements (layers) for page layout. If this is
                      >>> what your teacher taught you in the class, it's good that he/she went
                      >>> out sick, as it's clear that they had no concept of "best practice" when
                      >>> it comes to web development.
                      >>>
                      >>> Advice? Start over. Get rid of this entire layout scheme. Build the
                      >>> page in tables only, until your independent studies of HTML and CSS can
                      >>> support a more robust approach. Do NOT use layers at all. If you need
                      >>> help with tables, click on the DW FAQ link in my sig - there is an
                      >>> excellent tutorial there. If you need resources for learning HTML and
                      >>> CSS, go here -
                      >>>
                      >>> http://www.w3schools.com
                      >>>
                      >>> --
                      >>> 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
                      >>> ==================
                      >>>
                      >>>
                      >>> "askey3201" <webforumsuser@macromedia.com> wrote in message
                      >>> news:gjtjis$8b4$1@forums.macromedia.com...
                      >>>> www.appleorchardaviary.com
                      >>>
                      >>
                      >>
                      >


                      • 8. Re: Dreamweaver CS3 problem
                        Level 7
                        Now I feel so dirty....

                        Ugh!

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


                        "GPaul" <gwpaul@ptd.net> wrote in message
                        news:gjtqjo$h8o$1@forums.macromedia.com...
                        >> <p><a href=" http://www.onlinedegreeadvantage.com/doctorate-degree.html"
                        >> target="_blank"><img
                        >> src=" http://www.onlinedegreeadvantage.com/cgi-bin/image.pl?URL=152144-5041"
                        >> alt="doctorate degrees" border="0" /></a></p>
                        >>
                        >> What's that about?
                        >
                        > It is probably one of those "free" counters you download, with the catch
                        > that it has a built in advertising link.
                        >
                        >
                        > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                        > news:gjtq1r$gif$1@forums.macromedia.com...
                        >> It's always worth exercising dominance, when you can. But in this case,
                        >> I fear somethign more drastic is needed.
                        >>
                        >> I felt like a rat making that recommendation, so I went back to the page
                        >> to look at it again. I realized that the poster had used Flash buttons
                        >> on re-examination of the page. <sigh>
                        >>
                        >> So, now I really recommend you start over on it. Don't use Flash
                        >> buttons. Don't use layers.
                        >>
                        >> Then at the bottom of the page, I see this -
                        >>
                        >> <p><a href=" http://www.onlinedegreeadvantage.com/doctorate-degree.html"
                        >> target="_blank"><img
                        >> src=" http://www.onlinedegreeadvantage.com/cgi-bin/image.pl?URL=152144-5041"
                        >> alt="doctorate degrees" border="0" /></a></p>
                        >>
                        >> What's that about?
                        >>
                        >> --
                        >> 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
                        >> ==================
                        >>
                        >>
                        >> "GPaul" <gwpaul@ptd.net> wrote in message
                        >> news:gjtnbi$d2s$1@forums.macromedia.com...
                        >>> Does that mean that a slap to the monitor will not work after all?
                        >>>
                        >>>
                        >>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                        >>> news:gjtke7$9df$1@forums.macromedia.com...
                        >>>> Your problem's root is the fact that you have used AP divs to layout
                        >>>> the page. The "AP" means "absolutely positioned". An absolutely
                        >>>> positioned element is positioned ... well ... absolutely. On the page,
                        >>>> you also have a table that is center aligning -
                        >>>>
                        >>>> <table width="834" height="276" border="1" align="center"
                        >>>>
                        >>>> Center aligning elements are NOT absolutely positioned. In fact, they
                        >>>> move to the center of the browser viewport no matter how wide it is (as
                        >>>> long as it's at least as wide as the table's 834px width).
                        >>>>
                        >>>> So - you have parts of the page that centers and parts of the page that
                        >>>> does not center. Thus, it's "disaligned on other computers ".
                        >>>>
                        >>>> If you *really* want to see a mess, just increase your text size in the
                        >>>> browser by one tick.
                        >>>>
                        >>>> This page is the poster child for why we plead with people not to use
                        >>>> absolutely positioned elements (layers) for page layout. If this is
                        >>>> what your teacher taught you in the class, it's good that he/she went
                        >>>> out sick, as it's clear that they had no concept of "best practice"
                        >>>> when it comes to web development.
                        >>>>
                        >>>> Advice? Start over. Get rid of this entire layout scheme. Build the
                        >>>> page in tables only, until your independent studies of HTML and CSS can
                        >>>> support a more robust approach. Do NOT use layers at all. If you need
                        >>>> help with tables, click on the DW FAQ link in my sig - there is an
                        >>>> excellent tutorial there. If you need resources for learning HTML and
                        >>>> CSS, go here -
                        >>>>
                        >>>> http://www.w3schools.com
                        >>>>
                        >>>> --
                        >>>> 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
                        >>>> ==================
                        >>>>
                        >>>>
                        >>>> "askey3201" <webforumsuser@macromedia.com> wrote in message
                        >>>> news:gjtjis$8b4$1@forums.macromedia.com...
                        >>>>> www.appleorchardaviary.com
                        >>>>
                        >>>
                        >>>
                        >>
                        >
                        >

                        • 9. Re: Dreamweaver CS3 problem
                          Level 7
                          OK - as an alternative to the page that was linked originally, here's the
                          approach I could suggest - http://murraytestsite.com/appleorchard.html

                          Note that I have a) removed the Flash menu, b) removed the spammy "hit
                          counter", and c) used absolute links to the images. The page's code has
                          been cleaned up a bit, too.

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


                          "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                          news:gjtqop$hd3$1@forums.macromedia.com...
                          > Now I feel so dirty....
                          >
                          > Ugh!
                          >
                          > --
                          > 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
                          > ==================
                          >
                          >
                          > "GPaul" <gwpaul@ptd.net> wrote in message
                          > news:gjtqjo$h8o$1@forums.macromedia.com...
                          >>> <p><a href=" http://www.onlinedegreeadvantage.com/doctorate-degree.html"
                          >>> target="_blank"><img
                          >>> src=" http://www.onlinedegreeadvantage.com/cgi-bin/image.pl?URL=152144-5041"
                          >>> alt="doctorate degrees" border="0" /></a></p>
                          >>>
                          >>> What's that about?
                          >>
                          >> It is probably one of those "free" counters you download, with the catch
                          >> that it has a built in advertising link.
                          >>
                          >>
                          >> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                          >> news:gjtq1r$gif$1@forums.macromedia.com...
                          >>> It's always worth exercising dominance, when you can. But in this case,
                          >>> I fear somethign more drastic is needed.
                          >>>
                          >>> I felt like a rat making that recommendation, so I went back to the page
                          >>> to look at it again. I realized that the poster had used Flash buttons
                          >>> on re-examination of the page. <sigh>
                          >>>
                          >>> So, now I really recommend you start over on it. Don't use Flash
                          >>> buttons. Don't use layers.
                          >>>
                          >>> Then at the bottom of the page, I see this -
                          >>>
                          >>> <p><a href=" http://www.onlinedegreeadvantage.com/doctorate-degree.html"
                          >>> target="_blank"><img
                          >>> src=" http://www.onlinedegreeadvantage.com/cgi-bin/image.pl?URL=152144-5041"
                          >>> alt="doctorate degrees" border="0" /></a></p>
                          >>>
                          >>> What's that about?
                          >>>
                          >>> --
                          >>> 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
                          >>> ==================
                          >>>
                          >>>
                          >>> "GPaul" <gwpaul@ptd.net> wrote in message
                          >>> news:gjtnbi$d2s$1@forums.macromedia.com...
                          >>>> Does that mean that a slap to the monitor will not work after all?
                          >>>>
                          >>>>
                          >>>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                          >>>> news:gjtke7$9df$1@forums.macromedia.com...
                          >>>>> Your problem's root is the fact that you have used AP divs to layout
                          >>>>> the page. The "AP" means "absolutely positioned". An absolutely
                          >>>>> positioned element is positioned ... well ... absolutely. On the
                          >>>>> page, you also have a table that is center aligning -
                          >>>>>
                          >>>>> <table width="834" height="276" border="1" align="center"
                          >>>>>
                          >>>>> Center aligning elements are NOT absolutely positioned. In fact, they
                          >>>>> move to the center of the browser viewport no matter how wide it is
                          >>>>> (as long as it's at least as wide as the table's 834px width).
                          >>>>>
                          >>>>> So - you have parts of the page that centers and parts of the page
                          >>>>> that does not center. Thus, it's "disaligned on other computers ".
                          >>>>>
                          >>>>> If you *really* want to see a mess, just increase your text size in
                          >>>>> the browser by one tick.
                          >>>>>
                          >>>>> This page is the poster child for why we plead with people not to use
                          >>>>> absolutely positioned elements (layers) for page layout. If this is
                          >>>>> what your teacher taught you in the class, it's good that he/she went
                          >>>>> out sick, as it's clear that they had no concept of "best practice"
                          >>>>> when it comes to web development.
                          >>>>>
                          >>>>> Advice? Start over. Get rid of this entire layout scheme. Build the
                          >>>>> page in tables only, until your independent studies of HTML and CSS
                          >>>>> can support a more robust approach. Do NOT use layers at all. If you
                          >>>>> need help with tables, click on the DW FAQ link in my sig - there is
                          >>>>> an excellent tutorial there. If you need resources for learning HTML
                          >>>>> and CSS, go here -
                          >>>>>
                          >>>>> http://www.w3schools.com
                          >>>>>
                          >>>>> --
                          >>>>> 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
                          >>>>> ==================
                          >>>>>
                          >>>>>
                          >>>>> "askey3201" <webforumsuser@macromedia.com> wrote in message
                          >>>>> news:gjtjis$8b4$1@forums.macromedia.com...
                          >>>>>> www.appleorchardaviary.com
                          >>>>>
                          >>>>
                          >>>>
                          >>>
                          >>
                          >>
                          >