Not signed in (Sign In)

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.


Archive: how to center the html on screen

Bottom of Page

1 to 5 of 5

  1.  
    • CommentAuthorjohn
    • CommentTimeNov 11th 2006
     
    im building a site for 800X600 viewers. im using 780X430, cos i dont wanna users have to scroll to see the content. in go live i center the stuff to the center, but it only gets the horizontal center. hwen i see it on my monitor resolution (1280X1024), it seens annoying. can i center the page in horizontal and vertical axis??
    • CommentAuthorgilray
    • CommentTimeNov 11th 2006
     
    Hey,
    try using CSS ...

    <body style="text-align: center; vertical-align: center">
    • CommentAuthorhardy
    • CommentTimeNov 11th 2006
     
    If you're using tables you can do this


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>YOUR DOCUMENT</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>

    <body>
    <table height="100%" width="100%">
    <tr>
      <td align="center">Your Content</td>
    </tr>
    </table>
    </body>
    </html>


    This won't work in Opera, however.
    • CommentAuthorspydev
    • CommentTimeNov 11th 2006
     
    Here is another option if you are using tables...

    after body tag use
    <body>
    <center>

    <!-- body material -->

    </center>
    </body>
    • CommentAuthorjustnajm
    • CommentTimeNov 17th 2006
     
    Table handles this situation automatically, just put your website in a single table having one column and one row. Just set column valign property to middle. valign means Vertical alignment.

    <table width="100%" height="100%" border="1" cellspacing="1" cellpadding="1">
      <tr>
        <td align="center" valign="middle"><!--Put your complete content here--></td>
      </tr>
    </table>

1 to 5 of 5

  1.