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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Scrolling Table in CSS

    I am using CSS for a scrolling table. It works great. Here is the code.

    div.scrollWrapper{
    float:left;
    margin:0px 0px 0px 10px;
    overflow:visible !important;
    overflow:scroll;
    height:150px;

    }
    table.scrollable{
    width:568px;
    margin-right:0 !important;
    margin:10px;
    border-collapse:separate;
    }
    table.scrollable th{
    border:1px solid #ffffff;
    padding:0px;
    background:#ffffff;
    position: relative;
    }
    table.scrollable tbody{
    height:150px;
    overflow:auto;
    }
    table.scrollable tr{
    height:0px;
    }
    table.scrollable td{
    border: 1px solid #ffffff;
    text-align:left;
    }

    The Problem:

    How do I make it so that I can include "CSS coding" inside this scrolling table without it affecting the actual website. Everytime that I include a piece of coding it completely changes the colors to my website. How can I bypass this?

    Thanks.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    <code><div id="container"><p>blah blah blah</p></div></code>

    or I've also used &lt; in place of the <
    Last edited by Excavator; 12-14-2006 at 08:26 AM.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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