CODEWITHSUNDEEP
htmlcsswordpress
Yannic Hansen
Yannic Hansen

Reputation: 235

CSS overflow-y does placed at wrong position

I am working on a page. When the content is bigger than the actual page, my scroll-bar is not placed at the right at - there is a small but recognizeable margin to the real end. It just happens on one small page. For the content-managemnt i use wordpress. The link to the page is here http://wp.cloudstarter.de/?page_id=156

Upvotes: 1

Views: 97

Answers (3)

Tushar
Tushar

Reputation: 4418

You have given width 100% to #page, just remove that width. is block element and by default has width 100%.

#page {
  position: relative;
  z-index: 2;
  /* width: 95%; */ just remove this width
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}

Upvotes: 0

Geoffrey Burdett
Geoffrey Burdett

Reputation: 1976

Remove "width: 95%" from #page

Upvotes: 1

dowomenfart
dowomenfart

Reputation: 2803

You have the width set as 95% on the #page. Set the width to 100% and it should take care of it.

#page {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}

Upvotes: 1

Related Questions