Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Aug 2005
    Posts
    365
    Thanks
    7
    Thanked 1 Time in 1 Post

    Question Scrolling within DIV

    I saw somewhere OVERFLOW: SCROLL for scrolling contents within a DIV.
    But its not working in my code, wots the prob with my code, please help...
    Here's the code...
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    <div id="hiddenDIV1" style="position:absolute; top:100px; left:100px; height:30; width:100; overflow-y: scroll; border: 1px solid #0099CC;">
    <table width="28%" border="0" cellpadding="3" cellspacing="0">
                  <!--DWLayoutTable-->
                  <tr>
                    <td width="53" height="21" valign="middle">Hello</td>
                          <td width="67" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                  </tr>
    			  <tr>
                <td colspan="6" valign="top"><strong>Note:</strong> What are you doing here?<br /><br /></td>
                  </tr>
                  <tr>
                    <td width="53" height="21" valign="middle">Hello</td>
                          <td width="67" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                  </tr>
                  <tr>
                    <td width="53" height="21" valign="middle">Hello</td>
                          <td width="67" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                          <td width="70" valign="middle">Hello</td>
                  </tr>
      </table>
    </div>
    </body>
    </html>

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,930
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    What browser are we talking about? As far as I'm concerned only IE understands overflow-x and overflow-y yet. That's a MS proprietary thing that is supposed to become part of the standards soon (when CSS3 is released).

  • #3
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    height:30; width:100;

    Should be:

    height:30px; width:100px;
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #4
    Regular Coder
    Join Date
    Aug 2005
    Posts
    365
    Thanks
    7
    Thanked 1 Time in 1 Post
    I'm using IE


  •  

    Posting Permissions

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