How to get rid off vertical scroll bar when working with sections
Asked by Petra Ma?kov?:

Hi,

I'm working with sections and lay outs and currently I have a problem with a vertical scroll bar. Scroll bar appears every time when I use page lay out (2 column section) and insert tables. I would expect that section will enlarge dynamically. I'm also attaching an example, one edit view the other published view.

I would like to remove the scroll bar. Do you know how can I do it?

Many thanks!!

Petra![vertical scroll bar edit mode.png](/t5/image/serverpage/image-id/28096i1EA562CC610DA30D/image-size/large?v=v2&px=999 "vertical scroll bar edit mode.png")![vertical scroll bar published mode.png](/t5/image/serverpage/image-id/28097i1E659380DDF9D350/image-size/large?v=v2&px=999 "vertical scroll bar published mode.png")


Answers:
author: Devan Dewey
body: I just had this same problem. I used a brute force method to determine whether it was formatting: I did a select all in the offending section, and did Clear Formatting. This removed the vertical bar. Then I added the formatting back and teh vertical scroll bar came back.

In the end, for me, it was cased by a Heading 1 as the format for the last line in the section. When I added a Paragraph format line after the heading, the vertical bar went away.

comments: author: Tyson Brochu
body: Thank you, this fixed the same problem for me!


author: reneebryon
body: Worked for me too. Thanks!!


author: Lois Jewell
body: Hi everyone,

I recently had the same issue and eventually found that it came down to monitor settings and browser preferences.

I'm using Chrome, which is where the vertical scroll bar issues appeared. Using IE, the horizontal wrap was a bit different forcing a scroll bar to appear.

I found that the Windows Display Settings had applied the "Recommended" Scale and Layout for the external monitor I was using, in this case it was zooming to 125%. Setting it back to 100% removed the scroll bars in both browsers.

You might also want to check whether the zoom has been changed at the browser level.

Hope that helps!


author: Zak Laughton
body: Hi Petra!

That is interesting that you're getting that vertical scroll bar. I typically see sections like that behave as you said they should -- they expand vertically to fit the content. I also wasn't able to reproduce the scrollbar behavior when I created a page similar to the one in your screenshot.

I have a couple questions to help understand the issue better:

* What version of Confluence are you using?
* Can you paste the storage format from a page with just the tables that experience this issue? (![ellipsis](https://community.atlassian.com/t5/image/serverpage/image-id/28228iBC638F54D9F50C95/image-dimensions/28x15?v=v2 "ellipsis") \> **View storage format**) This will show all content on the page, including any page elements that may be causing a scroll bar.

Thanks!  
Zak

comments: author: John Blanch
body: I'm experiencing the same problem. When I use headings at the top of sections in a template I get these vertical scroll bars that do not appear to perform any useful function, but they do make the page ugly and confusing. I've attached a pair of screenshsots - how the page looks and how the page is formatted.

![how it looks.PNG](https://community.atlassian.com/t5/image/serverpage/image-id/62688i4CB453318C4F7D9D/image-size/large?v=v2&px=999 "how it looks.PNG")![how its formatted.PNG](https://community.atlassian.com/t5/image/serverpage/image-id/62690iB405B577BE2516A6/image-size/large?v=v2&px=999 "how its formatted.PNG")


author: Lois Jewell
body: Hi Zak,

I've also noticed this quite a bit lately. Leaving the last line within the column in a paragraph rather than a heading format doesn't seem to make any difference for me. I was wondering if it may be related to whether a column contains other macros as opposed to plain text? I haven't quite been able to land on the right combo of factors to consistently re-create the issue though.

I've attached a few screenshots (some edits and to obscure identifying info) a section of the storage format below.

We're on Confluence Server 6.15.6

Any suggestions welcome as it really does look pretty ugly on screen :-(![vert-scroll-edit.png](https://community.atlassian.com/t5/image/serverpage/image-id/63472i76BBFB052A1D4C6C/image-dimensions/501x169?v=v2 "vert-scroll-edit.png")![vert-scroll-view.png](https://community.atlassian.com/t5/image/serverpage/image-id/63473iD58C71A57B59EE3F/image-dimensions/627x263?v=v2 "vert-scroll-view.png")

```
<p><br /></p></ac:layout-cell></ac:layout-section><ac:layout-section ac:type="two_right_sidebar"><ac:layout-cell>
<p><br /></p></ac:layout-cell><ac:layout-cell>
<p><br /></p></ac:layout-cell></ac:layout-section><ac:layout-section ac:type="two_right_sidebar"><ac:layout-cell>
<p class="auto-cursor-target"><br /></p><ac:structured-macro ac:name="section" ac:schema-version="1" ac:macro-id="6076277d-c384-4183-a95b-fc1bc013724b"><ac:rich-text-body>
<p class="auto-cursor-target"><br /></p><ac:structured-macro ac:name="column" ac:schema-version="1" ac:macro-id="69290292-e644-4b00-99ad-11492b84f760"><ac:parameter ac:name="width">40%</ac:parameter><ac:rich-text-body>
<h2>Recent updates</h2>
<p><ac:structured-macro ac:name="recently-updated" ac:schema-version="1" ac:macro-id="96b5d224-5f5e-4c8b-984c-931438136c03"><ac:parameter ac:name="types">page, comment, blogpost</ac:parameter><ac:parameter ac:name="max">5</ac:parameter><ac:parameter ac:name="hideHeading">true</ac:parameter><ac:parameter ac:name="theme">concise</ac:parameter></ac:structured-macro></p>
<p><br /></p></ac:rich-text-body></ac:structured-macro>
<p class="auto-cursor-target"><br /></p><ac:structured-macro ac:name="column" ac:schema-version="1" ac:macro-id="9a8f1c3e-0f16-4f15-a6dc-ae6331938bda"><ac:parameter ac:name="width">40%</ac:parameter><ac:rich-text-body>
<h2>Active contributors</h2>
<p><ac:structured-macro ac:name="contributors" ac:schema-version="1" ac:macro-id="11217e8c-1c9d-4a08-b39d-78856494a557"><ac:parameter ac:name="mode">list</ac:parameter><ac:parameter ac:name="scope">descendants</ac:parameter><ac:parameter ac:name="limit">5</ac:parameter><ac:parameter ac:name="showLastTime">true</ac:parameter><ac:parameter ac:name="order">update</ac:parameter></ac:structured-macro></p>
<p><br /></p></ac:rich-text-body></ac:structured-macro>
<p class="auto-cursor-target"><br /></p></ac:rich-text-body></ac:structured-macro>
<p class="auto-cursor-target"><br /></p></ac:layout-cell><ac:layout-cell>
<h2>Attachments</h2>
<p><ac:structured-macro ac:name="attachments" ac:schema-version="1" ac:macro-id="2a3f4c34-7810-45c7-9b87-defd085e571c"><ac:parameter ac:name="old">false</ac:parameter><ac:parameter ac:name="patterns">*.pdf,*.docx,*.xlsx,*.pptx,*.zip</ac:parameter></ac:structured-macro></p></ac:layout-cell></ac:layout-section><ac:layout-section ac:type="single"><ac:layout-cell>
<p><span style="color: rgb(255,255,255);">space</span></p></ac:layout-cell></ac:layout-section><ac:layout-section ac:type="single"><ac:layout-cell>
<p class="auto-cursor-target"><br /></p><ac:structured-macro ac:name="pagetreecreator-default-value" ac:schema-version="1" ac:macro-id="dbff2ac7-2ff3-4a96-a88c-9c444bc55c60"><ac:parameter ac:name="ptc-tag-id">__Client__</ac:parameter><ac:parameter ac:name="ptc-default-value-hidden">true</ac:parameter><ac:rich-text-body>
<p>APAM</p></ac:rich-text-body></ac:structured-macro>
<p class="auto-cursor-target"><br /></p><ac:structured-macro ac:name="html" ac:schema-version="1" ac:macro-id="960076b2-1e55-491f-a95a-d85f1dfbedac"><ac:plain-text-body><![CDATA[<script>
jQuery(document).ready(function() {
jQuery(".external-link").attr("target", "_blank");
});
</script>]]></ac:plain-text-body></ac:structured-macro>
<p class="auto-cursor-target"><br /></p></ac:layout-cell></ac:layout-section></ac:layout>
```


Tags: confluence-server

page

section

server