Single Scroll bar

[jsulman]

Is there a way to have only a vertical scroll bar using CSS. Here is the code I am using:

<style type="text/css">
<!--
.contentBox {
display:block;
border-width: 1px;
border-style: none;
border-color: 000;
padding:0px;
margin-top:0px;
width:200px;
height:50px;
overflow:scroll
}




-->
</script>


<div class="contentBox">
<table id="tblSample" width = "200">
<tr><td>1st Row/1st Column</td><td>1st Row/2nd Column</td></tr>
<tr><td>2nd Row/1st Column</td><td>2nd Row/2nd Column</td></tr>
</table>
</div>

Is there any way I can modify this to get ride of the bottom (horizontal) scroll bar?

Thank You In Advance

Jeff Sulman

 

[cLFlaVA]

not easily. a sloppy way would be to wrap the contentBox div inside ANOTHER div.

give the outer dive a static height and width. allow for enough width to show the entire contentBox div, but take off 10 pixels or so of height to hide the horizontal scrollbar of the inner div.

*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
beware of active imagination: [URL unfurl="true"]http://www.coryarthus.com/[/url]

BillyRayPreachersSonIsTheLeetestHax0rDude

 

[BillyRayPreachersSon]

Use "overflow:auto" instead of "overflow:scroll".

For IE-only, you can also use:

overflow: none;
overflow-y: auto;

Hope this helps,
Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[jsulman]

Dan,
Thanks for the tip. That was perfect.



Jeff