0

Would someone be able to look at this page, www.sermanengineering.com and tell me what I am missing? I know the code is a mess but I've spent two hours trying to turn off the scrollbars to no avail. I've tried using overflow:hidden but it is not working. Does it have something to do with the java slider?

XYZ
  • 4,312
  • 2
  • 12
  • 30
interveda
  • 1

3 Answers3

0

Try putting this in your head tag:

<STYLE type="text/css">
HTML { 
    overflow: hidden;
}
</STYLE>

This should prevent the page from scrolling.

Diriector_Doc
  • 416
  • 1
  • 10
  • 24
0

I can see the following problems in your code..

  1. Div #container height: 725px
  2. Div #wn has top attribute:300px

The values you entered is making the total height of the page greater than the screen available height so scrollbars are getting enabled.Try changing those values. Always try to avoid hardcoding the values of height and top attributes. screen.availHeight will give the available height of the screen. use this value to assign the height for your elements accordingly

Dt Teja
  • 46
  • 5
  • Thank you but when I make the container larger to be sure there is enough room for the #wn div then the scrollbars do not go away. Anyway, I'm mainly concerned with the horizontal scrollbar since it allows you to scroll through the slider images which looks terrible. – interveda May 31 '17 at 18:39
  • You can also use 100vh or 100vw, this takes the available height or width in percentages by looking at the available viewport space – K. Tromp Jun 03 '17 at 00:18
0

Try these options inside your css script:

html, body {margin: 0!important; height: 100%!important;overflow: hidden!important;}

And these inside your html script:

<body scroll="no" style="overflow: hidden!important;">

Otherwise you could check out this answer: https://stackoverflow.com/a/13184693/7862006

K. Tromp
  • 350
  • 1
  • 12
  • Thanks for the tips. I got it working but am not sure which of the edits did the trick. I was previewing my page in Dreamweaver live view which shows the scroll bars but when I finally checked in chrome they were gone. I appreciate everyones help. – interveda Jun 01 '17 at 01:48
  • Perhaps its a dreamweaver thing, otherwise try stripping out 1 by 1 till you get bars again, but np at all – K. Tromp Jun 03 '17 at 00:16