Help: CSS Scroll Box

Discussion in 'CSS' started by irule272, Mar 5, 2009.

0
  1. #1
    Hello I don't have any knowledge in css and I know that this is easy for you guys...

    I have this scroll box code..

    pre
    {
    background:#efefef;
    border:0px solid #A6B0BF;
    font-size:120%;
    line-height:80%;
    overflow:hidden;
    padding:0px;
    color:#000000 }
    pre:hover {
    border:0px solid #efefef;
    }
    code {
    font-size:120%;
    text-align:center;
    margin:0;padding:0;
    color: #000000;}
    .clear { clear:both;
    overflow:hidden;
    }


    What I want is I want to have a box with a fix width and height with no scroll bar, this is where I will put my content.. how will I able to that?

    Thanks! :)
     
    irule272, Mar 5, 2009 IP
  2. irule272

    irule272 Well-Known Member

    Messages:
    1,153
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    155
    #2
    Ok I finally get it working..
    By adding this html code..

    <div style="height:460px;width:610px;overflow:hidden">
    content here
    </div>

    my problem is everytime I will decrease the height it trims only the lower part of the box.. Is there any way I can trim the upper portion of the box? Thanks!
     
    irule272, Mar 5, 2009 IP