How do I hide the horizontal scrollbar? When I say "auto" both the vertical and horizontal scrollbar are shown?
http://www.metabuilders.com/Tools/ScrollingPanel.aspx
Printable View
How do I hide the horizontal scrollbar? When I say "auto" both the vertical and horizontal scrollbar are shown?
http://www.metabuilders.com/Tools/ScrollingPanel.aspx
Unfortunately Internet Explorer doesn't allow you to force a horizontal scrollbar not to be shown unlike Mozilla:
Note: you'd have to add this behaviour to the MetaBuilders Scrolling Panel as I do not think it supports it at present.Quote:
overflow
Mozilla supports some additional values for the overflow property that are not in standard CSS. The overflow property is used to specify what happens when the content is too large for the container.
* -moz-scrollbars-horizontal: Indicates that horizontal scrollbars should appear.
* -moz-scrollbars-vertical: Indicates that vertical scrollbars should appear.
* -moz-scrollbars-none: Indicates that no scrollbars should appear.
The only other thing you can do is stop the contents of the scrolling panel from overflowing in the horizontal direction - might be possible by having another panel inside the scrolling panel with a fixed width. But this might not work depending on what is inside the scrolling panel.
What are you storing inside? DataGrid?
DJ
No it's just a fixed height section containing news, I have attacthed an image.
Maybe I can solve this in a different way?
I would suggest the contents within the scrolling panel have a width wider than the scrolling panel's set width. Try making the table (at least I'm guessing it's a table) within the panel slimmer. Post the generated HTML or the ASP.NET code and I'll be able to tell you for certain.
DJ
Here is my code:Quote:
Originally Posted by dj4uk
Code:<mbsp:ScrollingPanel id="ScrollingPanel1" runat="server" ScrollbarVisibility="auto" height="140px" width=256px>
<table height=150>
<tr>
<td>
<!--<asp:DataGrid id=DataGrid1 runat="server" width=250>
<AlternatingItemStyle ForeColor="Black" BackColor="#F0F9FD"></AlternatingItemStyle>
<ItemStyle ForeColor="Black" Width="100px" BackColor="#EFEFEF"></ItemStyle>
<HeaderStyle Font-Bold="True" ForeColor="Black" BackColor="LightGreen"></HeaderStyle>
</asp:DataGrid>-->
12-04-2005 <b>Pressemeddelelse</b><br>
Logstor har dags dato udsendt denne pressemeddelelse som ... <a href="http://www.logstor.com">Læs mere...</a>
</td>
</tr>
<tr>
<td colspan=2><img src="Images/hr.jpg"></td>
</tr>
<tr>
<td>
12-04-2005 <b>Information til kunder</b><br>
Logstor har dags dato udsendt denne pressemeddelelse som ... <a href="http://www.logstor.com">Læs mere...</a>
</td>
</tr>
<tr>
<td colspan=2><img src="Images/hr.jpg"></td>
</tr>
<tr>
<td>
12-04-2005 <b>Information til kunder</b><br>
Logstor har dags dato udsendt denne pressemeddelelse som ... <a href="http://www.logstor.com">Læs mere...</a>
</td>
</tr>
</table>
</mbsp:ScrollingPanel>
Check the width of the horizontal rule image (hr.jpg) I think you'll find it's too wide!
DJ
The width of the ruler is 250 pxQuote:
Originally Posted by dj4uk
Sorry, now I understand your point. I've changed the width of the panel to 275 px, and then only the vertical scrollbar appears.
Thanks a lot for your help!
Try taking the rulers out to see if it fixes it - looks to me like the panel has some padding which you need to take into account too!
DJ