Results 1 to 2 of 2

Thread: CSS problem with text overflow

  1. #1
    Join Date
    May 2006
    Posts
    1

    CSS problem with text overflow

    ok i have a problem with the text overflow which is this:
    <style type="text/css">
    div
    {
    background-color:#00000;
    width:125px;
    height:150px;
    overflow: scroll
    }
    </style>

    -- my problem is that when i do close the tag around my navigation box which i want to be able to scroll it works however it creates another overflow box to the very top of my page! I dont want that box there how do i remove it.. I have no clue what is causing this. Can anybody help me please if you could it would help tons cause im tearing my hair out at this..

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    Overflow: scroll works in different ways in various browsers. See
    http://www.quirksmode.org/css/overflow.html
    and
    http://www.x-smiles.org/demo/testsui...lowscroll.html
    However, the way you have it the scroll will apply to all divs which is probably why you are seeing it in another place.
    Give the code to a single div class:
    in stylesheet or head:
    <style>
    div
    .testscroll
    { background-color:#00000;
    width:500px;
    height:150px;
    overflow: scroll
    }
    </style>

    in the body
    <div class="testscroll">Test - add a lot of text here to test the scroll</div>

Similar Threads

  1. slight problem with CSS code
    By webguy_dave in forum General Questions
    Replies: 1
    Last Post: 17 Dec 2005, 02:55 PM

Posting Permissions

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