Re: Centering a Table

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Jonathan N. Little

    Re: Centering a Table

    replace Q with c Mike Copeland wrote:
    I have a simple (?) page that has only a table as its content (I
    suppose I could do it some other way, but I'm unsure of how...). I want
    the table to be centered on the page. It works with I.E., but fails
    with other browsers (FF, SeaMonkey, etc.): it aligns on the left part of
    the page.
    Apart from of the annoying differences with I.E. and other browsers,
    what can I do to assure the table's data is centered on the rendered
    page? TIA

    >
    Tables are block elements, you center blocks of smaller width within
    other blocks by setting the left and right margins to "auto". You do not
    use "text-align: center" that is for alignment of inline text....

    table { margin-left: auto; margin-right: auto; }

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO

  • Mike Copeland

    #2
    Re: Centering a Table

    replace Q with c Mike Copeland wrote:
    I have a simple (?) page that has only a table as its content (I
    suppose I could do it some other way, but I'm unsure of how...). I want
    the table to be centered on the page. It works with I.E., but fails
    with other browsers (FF, SeaMonkey, etc.): it aligns on the left part of
    the page.
    Apart from of the annoying differences with I.E. and other browsers,
    what can I do to assure the table's data is centered on the rendered
    page? TIA
    http://mrcccs.890m.com/RHContact.html
    >
    Tables are block elements, you center blocks of smaller width within
    other blocks by setting the left and right margins to "auto". You do not
    use "text-align: center" that is for alignment of inline text....
    >
    table { margin-left: auto; margin-right: auto; }
    >
    I tried that, but it doesn't change any of the rendering behavior:
    I.E. works, but other browsers don't.
    I also removed the "text-align: center", but that made I.E. fail,
    too.
    It seems I didn't understand your message: could you show what code
    is to be changed and where to implement the changes? TIA

    Comment

    Working...