Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Member
    Join Date
    Sep 2003
    Location
    Stockbridge, GA (outside of Atlanta)
    Posts
    36
    Member #
    3035
    I am determined not to use an editor. I am trying to center my content regardless of the resolution. I have attached a simple html file with internal styles. It looks good at 1024 but not 800. only the Title bar center in 800. I appreciate any help. I hope i'm not asking too much.

    JR

  2.  

  3. #2
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    The title bar is centered because that's the only layer where you haven't used absolute positioning. Personally, I find tables easier to use than layers, but that's just me. You could put your whole site in a table (or multiple tables) and center the table like this:
    Code:
     <table width="100%" align="center">
    Also, in your current html, you have a <div> tag opening before the <body> tag. The div should be within the body. And you need to close your <head> and <html> tags. IE is very forgiving when you forget a tag somewhere, but other browsers won't let you get away it as much.

  4. #3
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    Originally posted by jrwicker
    JR
    Hmm, a JR wannabe

    Welcome to the boards

    Just expanding on what Spluf said, this would probably be your best option...

    Code:
    <html>
    
    <head>
    
    <style type="text/css">
    
    .title {
    	background-color: #eeeeee;
    }
    
    .menu {
    	background-color: #eeffee;
    }
    
    .content {
    	background-color: #eeeeff;
    }
    
    
    </style>
    
    
    <body>
    <div align="center">
    <table width="600" align="center"
    cellpadding="5" cellspacing="0" border="0">
    <tr>
    <td class="title" colspan="2" align="center">This is the title bar</td></tr>
    <tr><td width="150" class="menu">Menu Here<br /><br />
    <a href="#">Link1</a><br />
    <a href="#">Link2</a><br />
    <a href="#">Link3</a>
    </td>
    <td width="450" class="content">Content goes here...</td>
    </tr>
    </table>
    </div>
    </body>
    JR

  5. #4
    Member
    Join Date
    Sep 2003
    Location
    Stockbridge, GA (outside of Atlanta)
    Posts
    36
    Member #
    3035
    Once again, thanks a lot. Call me mini - JR .
    I was hoping that tables would not be the only way.

    Well back to work

    Thanks all

    Mini - Me JR


    p.s. I have to study this. I'm not one to just cut and paste, I hafta understand it.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:59 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com