Subtle (?) difference in centering on IE 6

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Wes Groleau
    #1

    Subtle (?) difference in centering on IE 6

    I have several sites that use _very_ similar CSS. (Developed
    with the copy and change model.) On all Mac browsers except IE5,
    all of these sites have a box centered in the viewport.

    On IE6/WinXP, ONE of these sites has the box against the left side
    if the viewport.

    I'm hunting for what is different, but since I don't have Windows
    at home, it's tough. Oddly enough, the one with the problem is
    supposed to be an unchanged copy of one of the others--but since
    not all of the content is mine, there must be something in the
    other guy's stuff that kills the centering. Further oddity is
    that the other guy's stuff (without any of my tweaking) is also
    centered properly!

    Is anyone already familiar with an IE bug that is known to
    cause this and can identify CSS constructs I shold look for?

    --
    Wes Groleau

    A UNIX signature isn't a return address, it's the ASCII equivalent
    of a black velvet clown painting. It's a rectangle of carets
    surrounding a quote from a literary giant of weeniedom like
    Heinlein or Dr. Who.
    -- Chris Maeda

    Ha, ha, Dr. ..... Who's Chris Maeda?
    -- Wes Groleau
    Tags: None
    • Bergamot
      #2
      Re: Subtle (?) difference in centering on IE 6

      Wes Groleau wrote:
      I have several sites that use _very_ similar CSS.
      Post a URL.

      --
      Berg

        Comment

        • Wes Groleau
          #3
          Re: Subtle (?) difference in centering on IE 6

          Bergamot wrote:
          Wes Groleau wrote:
          >I have several sites that use _very_ similar CSS.
          >
          Post a URL.
          Hopefully the centering problem is gone--I decided
          to just remove the original CSS and add to my CSS
          if I discover something missing.

          The sites are

          http://Lang-Learn.us/

          http://www.NorthwestAllenTrails.org

          http://www.NorthwestAllenTrails.org/news/

          Heroes, Heritage, and History – UniGen
          http://UniGen.us/
          Heroes, villains, and regular folks of our extended family.


          The last one is the one I'm currently fussing with,
          which had the centering problem on IE 6 earlier this afternoon.
          Shouldn't have it now, but I don't have an IE 6 to look at.

          --
          Wes Groleau
          Can we afford to be relevant?
          Página no encontrada – C.E.T. ESOL
          http://www.cetesol.org/stevick.html

            Comment

            • Jim Moe
              #4
              Re: Subtle (?) difference in centering on IE 6

              Wes Groleau wrote:
              >
              Heroes, Heritage, and History – UniGen
              http://UniGen.us/
              Heroes, villains, and regular folks of our extended family.

              >
              Fix the validation errors first:
              <http://validator.w3.or g/check?verbose=1 &uri=http%3A%2F %2Funigen.us%2F >
              Use HTML Strict doctype, as suggested elsewhere.

              --
              jmm (hyphen) list (at) sohnen-moe (dot) com
              (Remove .AXSPAMGN for email)

                Comment

                • Wes Groleau
                  #5
                  Re: Subtle (?) difference in centering on IE 6

                  Osmo Saarikumpu wrote:
                  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                  which throws IE6 into quirks mode.
                  Yeah, I prefer XHTML strict, but most of the content
                  on this site will be generated by someone else's PHP.
                  (LOTS of it) I may try strict--I've already seen some
                  <br /which makes me wonder why he used HTML 4.
                  *) the text is illegible (font size too small, can't be increased by the
                  user with IE6, reddish text on reddish background does not help)
                  The red background was temporary, for contrast while
                  struggling with geometry. I do plan on trying to fix
                  the font sizing, though I had no trouble reading it
                  on 1024x768 screens.
                  *) the H2 header is almost completely hidden (in IE6) because there's
                  not enough height (in #header_outer, I'd guess) to accommodate it
                  Yeah, I don't get that. Last time I was able to get to an IE6,
                  that was OK, and I haven't changed the header_*. Been messing
                  with stuff in the "red" area.

                  --
                  Wes Groleau
                  "Two things are infinite, the universe and human stupidity.
                  But I'm not so sure about the universe."
                  -- Albert Einstein

                    Comment

                    • Chris F.A. Johnson
                      #6
                      Re: Subtle (?) difference in centering on IE 6

                      On 2007-07-08, Wes Groleau wrote:
                      Osmo Saarikumpu wrote:
                      ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                      >which throws IE6 into quirks mode.
                      >
                      Yeah, I prefer XHTML strict,
                      Why XHTML at all? Check the archives of this group for reasons no
                      to use XHTML.
                      but most of the content
                      on this site will be generated by someone else's PHP.
                      (LOTS of it) I may try strict--I've already seen some
                      ><br /which makes me wonder why he used HTML 4.
                      >
                      >*) the text is illegible (font size too small, can't be increased by the
                      >user with IE6, reddish text on reddish background does not help)
                      >
                      The red background was temporary, for contrast while
                      struggling with geometry. I do plan on trying to fix
                      the font sizing, though I had no trouble reading it
                      on 1024x768 screens.
                      That doesn't mean anything. Your 1024x768 screen may be larger
                      than mine; you may have better eyesight, etc..
                      >*) the H2 header is almost completely hidden (in IE6) because there's
                      >not enough height (in #header_outer, I'd guess) to accommodate it
                      >
                      Yeah, I don't get that. Last time I was able to get to an IE6,
                      that was OK, and I haven't changed the header_*. Been messing
                      with stuff in the "red" area.
                      Why give it a fixed height?

                      --
                      Chris F.A. Johnson <http://cfaj.freeshell. org>
                      ========= Do not reply to the From: address; use Reply-To: ========
                      Author:
                      Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

                        Comment

                        • Wes Groleau
                          #7
                          Re: Subtle (?) difference in centering on IE 6

                          Chris F.A. Johnson wrote:
                          Why XHTML at all? Check the archives of this group for reasons no
                          to use XHTML.
                          OK, I will. Eventually. :-)
                          >struggling with geometry. I do plan on trying to fix
                          >the font sizing, though I had no trouble reading it
                          >on 1024x768 screens.
                          >
                          That doesn't mean anything. Your 1024x768 screen may be larger
                          than mine; you may have better eyesight, etc..
                          Fifteen inch screen. Have to take off my glasses
                          and put it three inches away to read parts of some
                          contracts. :-)
                          >>*) the H2 header is almost completely hidden (in IE6) because there's
                          >Yeah, I don't get that. Last time I was able to get to an IE6,
                          >
                          Why give it a fixed height?
                          Probably no reason. I'm trying to evolve an old design into
                          something better. This is probably one of the vestigials to
                          get rid of. Although, it is going to later have a random photo
                          towards its left side, but margins and padding should make that work.

                          How would the text be forced to (at least approximately) be
                          vertically aligned with the center of an unpredictably sized picture?

                          --
                          Wes Groleau

                          Those who make peaceful revolution impossible
                          will make violent revolution inevitable.
                          -- John F. Kennedy

                            Comment

                            Previous template Next
                            Working...