18 Replies Latest reply: Jan 8, 2008 4:10 PM by joe dora RSS

    Center problem

    joe dora Community Member
      Site location for review:
      http://usersite.com/ahimsahaven

      New site about to turn over to client.
      Works okay but main container not centered in Firefox or Netscape 8
      Center okay with internet explorer 7
      Main container contains a table which contains the content
        • 1. Re: Center problem
          Newsgroup_User Community Member
          I'm curious why you use this file nomenclature -

          <link href="!!_css/ahim.css" rel="stylesheet" type="text/css" />
          <link href="!!_css/new_ccc_fonts.css" rel="stylesheet" type="text/css" />

          Your 'centering' code is a bit confused. You have this -

          #container { width:100%; margin:0 auto; }

          If something is 100% wide, you cannot center it as you have tried here.

          So - how do you want this to behave? The way it does in IE?

          By the way, there is no such thing as font-weight:400; - all you get are
          'normal' or 'bold'.

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


          "joe dora" <webforumsuser@macromedia.com> wrote in message
          news:fiet4a$k72$1@forums.macromedia.com...
          > Site location for review:
          > http://usersite.com/ahimsahaven
          >
          > New site about to turn over to client.
          > Works okay but main container not centered in Firefox or Netscape 8
          > Center okay with internet explorer 7
          > Main container contains a table which contains the content
          >
          >

          • 2. Re: Center problem
            Newsgroup_User Community Member
            .oO(Murray *ACE*)

            >By the way, there is no such thing as font-weight:400;

            There is:

            http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight

            Micha
            • 3. Re: Center problem
              Newsgroup_User Community Member
              I mean in the practical sense. It's not supported by the browsers. Normal
              and bold is all you get in any reliable way. As I recall, normal is 300,
              and bold is 900.

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


              "Michael Fesser" <netizen@gmx.de> wrote in message
              news:okulk396jl23jfv3itgnsab94l2vjq1gmj@4ax.com...
              > .oO(Murray *ACE*)
              >
              >>By the way, there is no such thing as font-weight:400;
              >
              > There is:
              >
              > http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight
              >
              > Micha

              • 4. Re: Center problem
                Newsgroup_User Community Member
                .oO(Murray *ACE*)

                >I mean in the practical sense.

                OK. ;)

                >It's not supported by the browsers. Normal
                >and bold is all you get in any reliable way. As I recall, normal is 300,
                >and bold is 900.

                Quite possible. I've never used the numerical values, mainly because it
                doesn't make much sense in normal text. Even in a heading, which might
                be a bit bigger, the difference between normal and bold is maybe 2 or 3
                pixels, so most of the numeric font weights will simply look the same.
                It's also a question of how the browser maps these different weights
                onto the actual font.

                There's some interesting stuff about these issues in the CSS spec.

                Micha
                • 5. Re: Center problem
                  joe dora Community Member
                  I removed the width 100% but still the same. firefox not centered.

                  <link href="!!_css/ahim.css" rel="stylesheet" type="text/css" />
                  <link href="!!_css/new_ccc_fonts.css" rel="stylesheet" type="text/css" />

                  The exclamation marks cause the file to float to the top. I always know where they are.

                  I would like firedox and netscape 8 to position the same as IE7
                  • 6. Re: Center problem
                    Newsgroup_User Community Member
                    On Mon, 26 Nov 2007 17:29:21 +0000 (UTC), "joe dora"
                    <webforumsuser@macromedia.com> wrote:

                    >I removed the width 100% but still the same. firefox not centered.

                    The default is for a block level item, like a <div> tag, to be 100%
                    wide. If you want it to be centered, you must give it a specific width.
                    Try changing the width to about 770px.


                    > <link href="!!_css/ahim.css" rel="stylesheet" type="text/css" />
                    > <link href="!!_css/new_ccc_fonts.css" rel="stylesheet" type="text/css" />
                    >
                    > The exclamation marks cause the file to float to the top. I always know where
                    >they are.

                    I understand your intent, but it worries me. I'd be afraid some browser
                    or other would ignore it. It's best to keep file and folder names to
                    letters a-z, numbers 0-9, the hyphen and the underscore.

                    Gary
                    • 7. Re: Center problem
                      joe dora Community Member
                      I placed 770px in the box width. It did restrict the site horizontally and vertically. Though the site was restricted the editable part of the site remained on the left with Firefox. It was centered okay in ie. I put the 100% width back.

                      The 770px width did not change the position of the container.

                      Both IE and Firefox display the site the same. They fill the monitor.
                      But the light green portion where the editable content is displayed differently. IE displays the whole site with the editable content centered. Firefox displays the whole site but the editable content hugs the left part of the site.
                      • 8. Re: Center problem
                        joe dora Community Member
                        I was in the wrong container.
                        Maincontainer Box has a width of 600px
                        margin left 15 ems margin right 20 px
                        I tried changing but got goofed up. All back to the wayI found them.
                        • 9. Re: Center problem
                          Newsgroup_User Community Member
                          On Mon, 26 Nov 2007 20:33:57 +0000 (UTC), "joe dora"
                          <webforumsuser@macromedia.com> wrote:

                          >I was in the wrong container.
                          >Maincontainer Box has a width of 600px
                          >margin left 15 ems margin right 20 px
                          >I tried changing but got goofed up. All back to the wayI found them.

                          All I can tell you is that it works if done correctly. I have no idea
                          where you are with it now.

                          Gary
                          • 10. Re: Center problem
                            joe dora Community Member
                            Gary: Here is where I am right now.
                            !. I am looking for a sensible answer.
                            2. I did every thing correctly. Site works just the way I want it to with the Adobe Dreamweaver primary browser internet explorer. Client is delighted with its appearance and performance. (I am not.)
                            3. The site does not perform the way it should in Firefox and Netscape 8. The editable content container shifts to the left and also the image alternate text messages do not appear.
                            4. I do not know how to compensate for other browser deficiencies. I don’t have any idea where to look. I assumed Adobe dreamweaver expert technicians would.
                            5. Site will be published. If you don’t know how to correct the problem, it will be okay. Maybe some day all the browsers will get together and use the same rules

                            Site can be seen at http://usersite.com/ahimsahaven
                            • 11. Re: Center problem
                              Newsgroup_User Community Member
                              .oO(joe dora)

                              >Gary: Here is where I am right now.
                              > !. I am looking for a sensible answer.
                              > 2. I did every thing correctly. Site works just the way I want it to with the
                              >Adobe Dreamweaver primary browser internet explorer. Client is delighted with
                              >its appearance and performance. (I am not.)

                              Never rely on the appearance in IE! It's an old and broken browser. Test
                              with standards-compliant browsers like Opera or Firefox, then fix for IE
                              if necessary.

                              > 3. The site does not perform the way it should in Firefox and Netscape 8.

                              This usually means that there's something wrong with the site.

                              >The
                              >editable content container shifts to the left and also the image alternate text
                              >messages do not appear.

                              That's how it's supposed to be. If you want tooltips on your images or
                              any other elements, use a 'title' attribute. Of course the 'alt'
                              attribute is necessary as well, but not for a tooltip. IE gets it wrong,
                              as usual.

                              To center a block-level element, the usual way is to apply a width other
                              than 100% to it and to set its left and right margins to 'auto'. This
                              works even in IE 6 in standards mode. You might have to play around with
                              different margin or padding settings because of the floated side menu.

                              Some other things:

                              * The homepage is titled "index page" - a rather bad choice for a page
                              title.

                              * Your stylesheets are linked twice.

                              * There are also some validation errors that should be fixed:
                              http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fusersite.com%2Fahimsahaven%2F

                              Micha
                              • 12. Re: Center problem
                                Newsgroup_User Community Member
                                On Thu, 29 Nov 2007 02:54:52 +0000 (UTC), "joe dora"
                                <webforumsuser@macromedia.com> wrote:

                                >Gary: Here is where I am right now.
                                > !. I am looking for a sensible answer.

                                I'll try.


                                > 2. I did every thing correctly. Site works just the way I want it to with the
                                >Adobe Dreamweaver primary browser internet explorer. Client is delighted with
                                >its appearance and performance. (I am not.)

                                Okay.


                                > 3. The site does not perform the way it should in Firefox and Netscape 8. The
                                >editable content container shifts to the left and also the image alternate text
                                >messages do not appear.

                                I started looking at your CSS to see what was going on with the left
                                aligned content vs the centered content and I quickly got a headache.
                                Try this in IE6. Narrow your browser window to 800 pixels wide. Your
                                lovely centered content drops down below your left aligned menu.

                                It looks like you have way over-engineered the page. You've got three
                                separate style sheets, two of which are linked in twice. In some cases,
                                rules in one style sheet contradict rules in one of the other style
                                sheets. You have a rather basic, simple design. It shouldn't take 10k of
                                CSS to produce it.

                                As far as alternate text not being displayed, the fact that IE *does*
                                display it is yet another IE bug. The alternate text should only be
                                displayed when the image is *not* displayed. If you want a tool-tip to
                                pop up on mouse hover, use the title attribute.

                                > 4. I do not know how to compensate for other browser deficiencies. I don?t
                                >have any idea where to look. I assumed Adobe dreamweaver expert technicians
                                >would.

                                The "other browser deficiencies" are that they tend to render pages
                                correctly, while IE is pretty badly broken. The first thing to
                                compensate for browser differences is to code to standards and test in a
                                standards compliant browser. Then fix what needs to be fixed to
                                compensate for the IE bugs.

                                Gary
                                • 13. Re: Center problem
                                  joe dora Community Member
                                  Thank you for responding to my problem. I will try to make the changes you suggested. I just did a fast one and made firefox my default btowser. I guess I must have a microsoft computer because the first time I used fire fox it downloaded some kind of an update. From that point on all all I got was the microsoft error message. Fortunitly I had set a restore point b4 I set firefox as the default and I was able to restore it back to explorer.
                                  This will take time. Thank you. I'll get back to you.
                                  • 14. Re: Center problem
                                    Newsgroup_User Community Member
                                    On Thu, 29 Nov 2007 16:13:16 +0000 (UTC), "joe dora"
                                    <webforumsuser@macromedia.com> wrote:

                                    >Thank you for responding to my problem. I will try to make the changes you
                                    >suggested. I just did a fast one and made firefox my default btowser. I guess I
                                    >must have a microsoft computer because the first time I used fire fox it
                                    >downloaded some kind of an update. From that point on all all I got was the
                                    >microsoft error message. Fortunitly I had set a restore point b4 I set firefox
                                    >as the default and I was able to restore it back to explorer.

                                    There was a problem with XP when you tried to set something other than
                                    IE as the default browser. I believe there was a Windows update that was
                                    supposed to address that. That said, you don't really need to make
                                    Firefox your default browser. I still have IE as my default browser on
                                    my desktop machine, even though I almost never use it except for
                                    testing. My wife likes to use it for some things she does. I just have
                                    Firefox set as my primary browser in Dreamweaver.


                                    > This will take time. Thank you. I'll get back to you.

                                    Good luck!

                                    Gary
                                    • 15. Re: Center problem
                                      joe dora Community Member
                                      Hi! I'm back again. I have resolved my problem with Firefox. I had a problem centering my site using Firefox and Netscape 8. I tinkered with the main content container right and left adjustments. I am sure I am still violating some CSS rules but it is working fine, the site is active, and me and my client are pleased. So that category as far as I am concerned is closed. You may review the site site at http://ahimsahaven.org I am proud of it.
                                      I still have a problem with the alternate image tags. I have always used them and thought they were necessary for identification. They are working fine but you people claim that is a Microsoft Internet Browser error. I visited firefoxes knowledge base and they tell me to use a title attribute. I searched Dreamweaver and I seem to be opening up another can of worms.
                                      Would you tell me in a simplified manner how to instruct Dreamweaver to write a title tip for my images that Firefox and Netscape will display?
                                      • 16. Re: Center problem
                                        Newsgroup_User Community Member
                                        On Fri, 4 Jan 2008 00:06:43 +0000 (UTC), "joe dora"
                                        <webforumsuser@macromedia.com> wrote:

                                        >Hi! I'm back again. I have resolved my problem with Firefox. I had a problem
                                        >centering my site using Firefox and Netscape 8. I tinkered with the main
                                        >content container right and left adjustments. I am sure I am still violating
                                        >some CSS rules but it is working fine, the site is active, and me and my client
                                        >are pleased. So that category as far as I am concerned is closed. You may
                                        >review the site site at http://ahimsahaven.org I am proud of it.
                                        > I still have a problem with the alternate image tags. I have always used them
                                        >and thought they were necessary for identification. They are working fine but
                                        >you people claim that is a Microsoft Internet Browser error. I visited
                                        >firefoxes knowledge base and they tell me to use a title attribute. I searched
                                        >Dreamweaver and I seem to be opening up another can of worms.
                                        > Would you tell me in a simplified manner how to instruct Dreamweaver to write
                                        >a title tip for my images that Firefox and Netscape will display?
                                        >


                                        Dw sadly does not allow Design view to add image titles - all I can
                                        suggest is to use find and replace to change site wide.
                                        alt="image title"
                                        to
                                        alt="image title" title="image title" -

                                        BUT BACKUP the whole site first.


                                        <link href="!!_css/ahim.css" rel="stylesheet" type="text/css" />
                                        <link href="!!_css/new_ccc_fonts.css" rel="stylesheet" type="text/css"
                                        />

                                        I'm not sure that file path is a good idea - using " !!" - why do that
                                        ??


                                        --

                                        ~Malcolm N....
                                        ~
                                        • 17. Re: Center problem
                                          joe dora Community Member
                                          Good job. I applied “title” according to "Malcolm N" instructions.
                                          I checked all with Firefox, Netscape and Internet Explorer.
                                          All work great.

                                          Please be aware that I appreciate the help I received from this forum. I started out Nov. 26 with an extremely complex problem. All problems are resolved and I am completely satisfied with the assistance I received.

                                          I will close the request. However, I know I will be back with some new problem that I have yet to detect.

                                          Thank you all.

                                          Joe Dora
                                          • 18. Re: Center problem
                                            joe dora Community Member
                                            I just closed out my forum question and here I am again. I hope for the last time.
                                            Site is running perfectly. It has received 1443 visits since turned up to traffic on December 12. I have received no complaints. But! Today a user notified me that she could not see the content and it had dropped out of the site. The site was visible but the content did not appear in it.
                                            Upon investigation I found that in Internet Explorer if the display is shrunk it will reduced for a time and then the content will drop to the bottom of the page. It will drop completely off like it does not fit. The site remains visible. The top of the content is barely visible and Internet Explorer must be scrolled down to see it.
                                            I tried this out in Netscape and Firefox and in both instances site reduces correctly. In Internet Explorer it does not.
                                            Can you help me?
                                            Also, what does a user do to cause this? There is more than enough space around the content to prevent this.
                                            Site may be viewed at
                                            http://ahimsahaven.org/

                                            JD