OK, why isn't this div centering in IE6?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Mercury Mercurius

    OK, why isn't this div centering in IE6?

    This page looks great in Netscape 7, but it simply will not center the
    bottom <div> in IE6:



    I want the bottom <div> to be centered beneath the graphics, although
    the text contained within it should be left aligned. Currently, I have
    this in my CSS for the div:

    width: 609px;
    margin-left: auto;
    margin-right: auto;

    I've done some research online about this issue and I've tried some of
    the workarounds (such as nested divs, one with auto margins and the
    other with text set to be left-aligned), but nothing has worked. Can
    someone please tell me how to get the same look in IE 6 (and versions
    5.x) as what I have in Netscape 7?

    And what on earth is this talk of "standards-compliant" mode in IE 6?
    I regularly patch my machine with updates from Microsoft, so I'm
    fairly confident that I have the latest version of IE. But where on
    earth does one turn on "standards-compliant" mode? Is it "on" by
    default? If not, how do they expect the average user to switch into
    "standards-compliant" mode?! Grrr-r-r-r.

    Exasperated and fed up with these inconsistencies ,
    -M
  • David Dorward

    #2
    Re: OK, why isn't this div centering in IE6?

    Mercury Mercurius wrote:
    [color=blue]
    > This page looks great in Netscape 7, but it simply will not center the
    > bottom <div> in IE6:
    >
    > http://www.lawtonfineart.com/index3.htm[/color]

    See http://dorward.me.uk/www/centre/#ie

    You have pushed MSIE in to Quirks (AKA Make the same stupid mistakes as IE
    5) Mode with your XML Prolog.
    [color=blue]
    > And what on earth is this talk of "standards-compliant" mode in IE 6?
    > I regularly patch my machine with updates from Microsoft, so I'm
    > fairly confident that I have the latest version of IE. But where on
    > earth does one turn on "standards-compliant" mode? Is it "on" by
    > default? If not, how do they expect the average user to switch into
    > "standards-compliant" mode?! Grrr-r-r-r.[/color]

    The above URI has links to explanations of standards and quirks mode.

    --
    David Dorward <http://dorward.me.uk/>

    Comment

    • Els

      #3
      Re: OK, why isn't this div centering in IE6?



      Mercury Mercurius wrote:[color=blue]
      > This page looks great in Netscape 7, but it simply will not center the
      > bottom <div> in IE6:
      >
      > http://www.lawtonfineart.com/index3.htm[/color]

      Another thing to fix:
      You have absolute positioned the footer at 80% from the top.
      But this way, when the window isn't all that high, the
      footer comes up in de middle of the page, as 80% isn't 80%
      of the document, but of the browser window. And, when you
      scroll the page up, the footer will go up as well, until you
      resize the window. Not pretty.
      To avoid: have it relatively positioned, left:0px, This way
      it will still be at the bottom, but go with the page, not
      with the window.

      --
      Els

      Mente humana é como pára-quedas; funciona melhor aberta.

      Comment

      • Michael Wilcox

        #4
        Re: OK, why isn't this div centering in IE6?

        David Dorward <dorward@yahoo. com> wrote:[color=blue]
        > The above URI has links to explanations of standards and quirks mode.[/color]

        If the URL pointed to a real document, what would the following doctype
        trigger?
        <!DOCTYPE HTML SYSTEM "http://www.example.com/my401.dtd">

        --
        Michael Wilcox
        mjwilco at yahoo dot com
        Essential Tools for the Web Developer - http://mikewilcox.t35.com


        Comment

        • Mercury Mercurius

          #5
          Re: OK, why isn't this div centering in IE6?

          David,
          Thank you for your help. The information solved the problem.
          -M

          David Dorward <dorward@yahoo. com> wrote in message news:<c05p4l$qt r$1$8302bc10@ne ws.demon.co.uk> ...[color=blue]
          > Mercury Mercurius wrote:
          >[color=green]
          > > This page looks great in Netscape 7, but it simply will not center the
          > > bottom <div> in IE6:
          > >
          > > http://www.lawtonfineart.com/index3.htm[/color]
          >
          > See http://dorward.me.uk/www/centre/#ie
          >
          > You have pushed MSIE in to Quirks (AKA Make the same stupid mistakes as IE
          > 5) Mode with your XML Prolog.
          >[color=green]
          > > And what on earth is this talk of "standards-compliant" mode in IE 6?
          > > I regularly patch my machine with updates from Microsoft, so I'm
          > > fairly confident that I have the latest version of IE. But where on
          > > earth does one turn on "standards-compliant" mode? Is it "on" by
          > > default? If not, how do they expect the average user to switch into
          > > "standards-compliant" mode?! Grrr-r-r-r.[/color]
          >
          > The above URI has links to explanations of standards and quirks mode.[/color]

          Comment

          Working...