I'm using the always amusing Flexigrid to display some tabular data within an ASP.NET MVC View and despite that its Master Page's main element has an overflow:scroll; rule it doesn't seem to stick to the right border, as shown below:

alt text

I'd really appreciate if any of you guys could help me controlling that behavior. Thanks much in advance!

1 answer

Daan 110
1
point

Without seeing more of the layout code, this is difficult to answer. However, problems such as this usually happen when one specifies a width that is larger than the available space. Remember that the total width of an element is the specified width + padding + border (google for CSS Box Model for more information on the specifics). So if you specify a width of 100%, but on top of that also define a padding and/or border, the element gets wider than the available space.

Again, without seeing the code it is hard to give a specific answer, but I hope this points you in the right direction.

Answered about 8 years ago by Daan