www.webdeveloper.com
Results 1 to 3 of 3

Thread: causing a table cell to stretch the entire screen

  1. #1
    Join Date
    Mar 2004
    Posts
    132

    causing a table cell to stretch the entire screen

    Hi

    Take a look at this sample code:
    Code:
    <html>
    <body>
     <table border="1" cellspacing="0" cellpadding="0" width="100%">
      <tr>
       <td width="100%">title</td>
      </tr>
      <tr>
       <td style="position:relative;width:100%; height:100%; z-index:0;">
         <!-- here I place a div at a specific screen coorinates (it spans to the right of the screen.  I am doing it on purpose.-->
         <div style="position:absolute; left:500; top:40;width:1000px;height:20px"></div>
       </td>
      </tr>
     </table>
    </body>
    </html>
    The div span to the right of the screen which causes a horizontal scrollbar to apparear (which is excellent). The problem is that the top row of the table doesn't stretch to fit the entire screen. If I scroll horizontally, I can see it cut off where the edge of the screen is.
    Is there a way to cause it to stretch all the way, even if a scrollbar exists?

    thanks in advance

  2. #2
    Join Date
    Nov 2002
    Location
    Nashua, NH
    Posts
    3,195
    I do not see any tabular data that requires the use of <table>
    Vladdy

    Working web site is not the one that looks the same in a few graphical browsers, but the one that adequately delivers its content to any device accessing it.

  3. #3
    Join Date
    Mar 2004
    Posts
    132
    I was using a simplified version of my code to deliver the problem.
    My actual code requires the table.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles