CSS Tables Help

Discussion in 'CSS' started by InbWS, Apr 12, 2010.

  1. #1
    Hey, is there any way i can make the first column of a table stay static, and make the rest horizontally scrollable.

    [​IMG]

    if that makes it any clearer,

    Many Thanks

    Mike
    Inbreco Web Solutions
     
    InbWS, Apr 12, 2010 IP
  2. ampg-it

    ampg-it Peon

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi Mike

    Try using Div layers instead like this

    HTML Code
    <div id="div1">div1</div>
    <div id="div2">div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test div2 test </div>
    Code (markup):
    CSS
    #div1 {
    	height: 400px;
    	width: 200px;
    	float: left;
    }
    #div2 {
    	height: 400px;
    	float: left;
    	overflow: auto;
    	visibility: visible;
    	width: 400px;
    	white-space: nowrap;
    }
    
    Code (markup):
     
    ampg-it, Apr 12, 2010 IP