11 Replies Latest reply on Aug 30, 2006 10:38 AM by Newsgroup_User

    Moz vs IE CSS blind spot!

    Level 7
      Yikes. I've gone brain dead. I've got some kind of cascade (or other)
      problem and it's just fogged my brain cells. Headings look right in
      mozilla browsers and in DW8, but it's toast in IE 6. Didn't check it in
      IE until the whole thing was up! Duhhh. The CSS is way too complex, but
      . . . if anyone can confront it please help by viewing the home page in
      both FF for example and then IE. I've run out of things to try to fix it.

      http://www.prosperityconsultants.com -- index page headings

      The CSS is at http://www.prosperityconsultants.com/CSS/global.css

      Rod
        • 1. Re: Moz vs IE CSS blind spot!
          Level 7
          > Yikes. I've gone brain dead. I've got some kind of cascade (or other)
          > problem and it's just fogged my brain cells. Headings look right in
          > mozilla browsers and in DW8, but it's toast in IE 6. Didn't check it
          > in IE until the whole thing was up! Duhhh. The CSS is way too complex,
          > but . . . if anyone can confront it please help by viewing the home
          > page in both FF for example and then IE. I've run out of things to try
          > to fix it.
          >
          > http://www.prosperityconsultants.com -- index page headings
          >
          > The CSS is at http://www.prosperityconsultants.com/CSS/global.css

          It can't be too bad because on quick look, it's identical in Firefox and
          IE6. What precisely are you seeing that connotes "toast"?


          --
          Al Sparber - PVII
          http://www.projectseven.com
          Popup Menus | Image Galleries | CSS Tutorials & Templates
          ------------------------------------------------------------------------------------
          Newsgroup: news://forums.projectseven.com/pviiwebdev/
          CSS Newsgroup: news://forums.projectseven.com/css/
          DW Newsgroup: news://forums.projectseven.com/dreamweaver/






          • 2. Re: Moz vs IE CSS blind spot!
            Level 7
            Al Sparber- PVII wrote:
            >> Yikes. I've gone brain dead. I've got some kind of cascade (or other)
            >> problem and it's just fogged my brain cells. Headings look right in
            >> mozilla browsers and in DW8, but it's toast in IE 6. Didn't check it
            >> in IE until the whole thing was up! Duhhh. The CSS is way too
            >> complex, but . . . if anyone can confront it please help by viewing
            >> the home page in both FF for example and then IE. I've run out of
            >> things to try to fix it.
            >>
            >> http://www.prosperityconsultants.com -- index page headings
            >>
            >> The CSS is at http://www.prosperityconsultants.com/CSS/global.css
            >
            > It can't be too bad because on quick look, it's identical in Firefox
            > and IE6. What precisely are you seeing that connotes "toast"?
            >
            >
            What I see here are all the headings in IE are around 11px - all of 'em,
            on all pages -- they look the same size as body text. Any idea why that
            would be happening, Al?
            • 3. Re: Moz vs IE CSS blind spot!
              Level 7
              Hi Rod -

              I agree with Al on this one. I don't see any difference in the headings from
              FF to IE. One thing I did notice was that your content shifts, which could
              be eased by adding this to your stylesheet:

              p { margin: 0 0 1em 0; }

              Have you tried clearing your cache, histroy, etc.?

              --
              Shane H
              shane@NOSPAMavenuedesigners.com
              http://www.avenuedesigners.com

              =============================================
              Web Dev Articles, Photography, and more:
              http://sourtea.com
              =============================================
              Proud GAWDS Member
              http://www.gawds.org/showmember.php?memberid=1495

              Delivering accessible websites to all ...
              =============================================


              "RodMac" <rodmac_nospam@scenacom.com> wrote in message
              news:ed4a8n$ep$1@forums.macromedia.com...
              > Yikes. I've gone brain dead. I've got some kind of cascade (or other)
              > problem and it's just fogged my brain cells. Headings look right in
              > mozilla browsers and in DW8, but it's toast in IE 6. Didn't check it in IE
              > until the whole thing was up! Duhhh. The CSS is way too complex, but . . .
              > if anyone can confront it please help by viewing the home page in both FF
              > for example and then IE. I've run out of things to try to fix it.
              >
              > http://www.prosperityconsultants.com -- index page headings
              >
              > The CSS is at http://www.prosperityconsultants.com/CSS/global.css
              >
              > Rod


              • 4. Re: Moz vs IE CSS blind spot!
                Level 7
                I might be on the wrong track, but you haven't by any chance got "ignore
                font sizes/styles specified on Web Pages" checked in Accessibility? As in
                Tools > Internet Options > Accessibility... in IE?
                Jo


                "RodMac" <rodmac_nospam@scenacom.com> wrote in message
                news:ed4a8n$ep$1@forums.macromedia.com...
                > Yikes. I've gone brain dead. I've got some kind of cascade (or other)
                > problem and it's just fogged my brain cells. Headings look right in
                > mozilla browsers and in DW8, but it's toast in IE 6. Didn't check it in IE
                > until the whole thing was up! Duhhh. The CSS is way too complex, but . . .
                > if anyone can confront it please help by viewing the home page in both FF
                > for example and then IE. I've run out of things to try to fix it.
                >
                > http://www.prosperityconsultants.com -- index page headings
                >
                > The CSS is at http://www.prosperityconsultants.com/CSS/global.css
                >
                > Rod


                • 5. Re: Moz vs IE CSS blind spot!
                  Level 7
                  Shane H wrote:
                  > Hi Rod -
                  >
                  > I agree with Al on this one. I don't see any difference in the headings from
                  > FF to IE. One thing I did notice was that your content shifts, which could
                  > be eased by adding this to your stylesheet:
                  >
                  > p { margin: 0 0 1em 0; }
                  >
                  > Have you tried clearing your cache, histroy, etc.?
                  >
                  >
                  Yeah I just did that -- cleared everything out of IE, refreshed, same
                  deal. Weird, huh? Obviously something local here. I appreciate you
                  taking the time to have a look.
                  • 6. Re: Moz vs IE CSS blind spot!
                    Level 7
                    > What I see here are all the headings in IE are around 11px - all of
                    > 'em, on all pages -- they look the same size as body text. Any idea
                    > why that would be happening, Al?

                    Yes. And if I'm right, you're going to kick yourself. In IE6, open the
                    "View" Menu. Check your Text Size. Make sure it's "Medium". If that
                    works, post back and I'll explain why it's happening and what you should
                    do.


                    --
                    Al Sparber - PVII
                    http://www.projectseven.com
                    Popup Menus | Image Galleries | CSS Tutorials & Templates
                    ------------------------------------------------------------------------------------
                    Newsgroup: news://forums.projectseven.com/pviiwebdev/
                    CSS Newsgroup: news://forums.projectseven.com/css/
                    DW Newsgroup: news://forums.projectseven.com/dreamweaver/






                    • 7. Re: Moz vs IE CSS blind spot!
                      Level 7
                      Al Sparber- PVII wrote:
                      >> What I see here are all the headings in IE are around 11px - all of
                      >> 'em, on all pages -- they look the same size as body text. Any idea
                      >> why that would be happening, Al?
                      >
                      > Yes. And if I'm right, you're going to kick yourself. In IE6, open the
                      > "View" Menu. Check your Text Size. Make sure it's "Medium". If that
                      > works, post back and I'll explain why it's happening and what you
                      > should do.
                      >
                      >
                      Oh my God, Al, right before I read your post I checked text size and
                      that was it. I'd switched to small yesterday for some reason and, almost
                      never using IE, I left it like that. Have you ever seen an old man with
                      egg on his face? Not a pretty sight! :-[
                      • 8. Re: Moz vs IE CSS blind spot!
                        Level 7
                        Al Sparber- PVII wrote:
                        >> What I see here are all the headings in IE are around 11px - all of
                        >> 'em, on all pages -- they look the same size as body text. Any idea
                        >> why that would be happening, Al?
                        >
                        > Yes. And if I'm right, you're going to kick yourself. In IE6, open the
                        > "View" Menu. Check your Text Size. Make sure it's "Medium". If that
                        > works, post back and I'll explain why it's happening and what you
                        > should do.
                        >
                        >
                        And that's what I get when I use ems for font size, right?
                        • 9. Re: Moz vs IE CSS blind spot!
                          Level 7
                          "RodMac" <rodmac_nospam@scenacom.com> wrote in message
                          news:ed4cg0$2vh$2@forums.macromedia.com...
                          > Al Sparber- PVII wrote:
                          >>> What I see here are all the headings in IE are around 11px - all of
                          >>> 'em, on all pages -- they look the same size as body text. Any idea
                          >>> why that would be happening, Al?
                          >>
                          >> Yes. And if I'm right, you're going to kick yourself. In IE6, open
                          >> the "View" Menu. Check your Text Size. Make sure it's "Medium". If
                          >> that works, post back and I'll explain why it's happening and what
                          >> you should do.
                          >>
                          >>
                          > And that's what I get when I use ems for font size, right?

                          Partly :-)

                          Whichever font measure you opt to use, should be used for all
                          font-sizing on the page. That way, you would have instantly known what
                          the problem was :-)

                          • 10. Re: Moz vs IE CSS blind spot!
                            Level 7
                            Thanks again Al -- yeah I used ems for heads and px for the rest. Never
                            done that before, and now I remember why!

                            R


                            Al Sparber- PVII wrote:
                            > "RodMac" <rodmac_nospam@scenacom.com> wrote in message
                            > news:ed4cg0$2vh$2@forums.macromedia.com...
                            >> Al Sparber- PVII wrote:
                            >>>> What I see here are all the headings in IE are around 11px - all of
                            >>>> 'em, on all pages -- they look the same size as body text. Any idea
                            >>>> why that would be happening, Al?
                            >>>
                            >>> Yes. And if I'm right, you're going to kick yourself. In IE6, open
                            >>> the "View" Menu. Check your Text Size. Make sure it's "Medium". If
                            >>> that works, post back and I'll explain why it's happening and what
                            >>> you should do.
                            >>>
                            >>>
                            >> And that's what I get when I use ems for font size, right?
                            >
                            > Partly :-)
                            >
                            > Whichever font measure you opt to use, should be used for all
                            > font-sizing on the page. That way, you would have instantly known what
                            > the problem was :-)
                            • 11. Re: Moz vs IE CSS blind spot!
                              Level 7
                              I always set my body font using a percentage, then set everything else using
                              em's. I never use pixels.

                              --
                              Shane H
                              shane@NOSPAMavenuedesigners.com
                              http://www.avenuedesigners.com

                              =============================================
                              Web Dev Articles, Photography, and more:
                              http://sourtea.com
                              =============================================
                              Proud GAWDS Member
                              http://www.gawds.org/showmember.php?memberid=1495

                              Delivering accessible websites to all ...
                              =============================================


                              "RodMac" <rodmac_nospam@scenacom.com> wrote in message
                              news:ed4hl1$99b$1@forums.macromedia.com...
                              > Thanks again Al -- yeah I used ems for heads and px for the rest. Never
                              > done that before, and now I remember why!
                              >
                              > R
                              >
                              >
                              > Al Sparber- PVII wrote:
                              >> "RodMac" <rodmac_nospam@scenacom.com> wrote in message
                              >> news:ed4cg0$2vh$2@forums.macromedia.com...
                              >>> Al Sparber- PVII wrote:
                              >>>>> What I see here are all the headings in IE are around 11px - all of
                              >>>>> 'em, on all pages -- they look the same size as body text. Any idea
                              >>>>> why that would be happening, Al?
                              >>>>
                              >>>> Yes. And if I'm right, you're going to kick yourself. In IE6, open the
                              >>>> "View" Menu. Check your Text Size. Make sure it's "Medium". If that
                              >>>> works, post back and I'll explain why it's happening and what you
                              >>>> should do.
                              >>>>
                              >>>>
                              >>> And that's what I get when I use ems for font size, right?
                              >>
                              >> Partly :-)
                              >>
                              >> Whichever font measure you opt to use, should be used for all font-sizing
                              >> on the page. That way, you would have instantly known what the problem
                              >> was :-)