Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.
Hi all, please see this major site announcement: https://www.boards.ie/discussion/2058427594/boards-ie-2026

overflow css issue

  • 07-02-2008 10:06AM
    #1
    ChicoMendez
    Registered Users, Registered Users 2 Posts: 648 ✭✭✭


    Hi,

    im trying to use the overflow:scroll; command in a div do as i can display a very wide table but not have it distort the page (and thereby have horizonal scroll bars for the user to scroll through the content)

    however im having an issue in FF whereby the table will not actually stay in the div (we do see the scroll bars also)

    anyone have ideas on what is wrong ?

    screen attached and code below.
    tnx
    
<div id="frame" style="position: absolute;overflow:scroll;width:600px;height:500px;" >

<table border=1 width="1000">
....
....
....
</table>


</div>


Comments

  • #2
    ianhobo
    Registered Users, Registered Users 2 Posts: 413 ✭✭ianhobo


    I haven't tried horizontal scrolls before, only vertical.
    They work fine in firefox and IE, but instead of overflow:scroll i used overflow: auto like this (i also have the width and height defined):
    #scrollBox
{
    float:left;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    height:450px;
    width:600px;
    overflow:auto;
    text-align:justify;
}

    hope that helps


Advertisement