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 1 of 1

Thread: 100% width help

  1. #1
    Junior Member
    Join Date
    Jan 2009
    Posts
    1
    Member #
    18205
    How do I make a table cell appear 100%, regardless of the user's screen resolution? For example, if you go to http://www.vineyardesigns.com/template/stretched.shtml and view the red line at the top or the green line at the bottom, you can see it's stretched. I'm working on a template where I've set the width to 100% already. The left side is showing correctly but the right side has a gap...it's not stretched all the way at all.

    Here's part of my code:

    #mainTbl {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    }
    #mainTbl #contentTbl {
    background-image: url(
    http://myimage.gif);
    background-repeat: repeat-y;
    }
    #mainTbl #contentTbl #navTbl {
    background-image: url(navbar.gif);
    background-repeat: no-repeat;
    }
    .style11 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    }
    -->
    </style>
    <script src="scripts/my_content.js" type="text/javascript"></script>
    </head>

    <body>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" id="mainTbl" name="mainTbl">

    Any feedback would be great. Thanks!

  2.  


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 07:27 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com