Page not displaying, error not shown in console?


Tags: javascript,jquery,html,css

Problem :

I have been informed of a JS bug error on the below link, but nothing is showing in the console? The issue appears to be occurring only in Chrome, and although the DOM appears to be loading in the page content and structure, it is unable to display it. Can anybody offer any advice as to why this might be happening, or how to debug errors that don't appear in the console?

I am now questioning if this is indeed a script issue, or perhaps CSS/HTML related instead? The ocntent appears to be loading, but behind the #sidebar.

Any help appreciated to debug this issue!

Link



Solution :

I also got the SMIL animations error, but I don't think that's the problem. The problem is that the body has a fixed width and it doesn't span the entire page. This happens because the only content it's getting as childs is the sidenav (the content has position relative, which removes it from the DOM structure), and this page probably uses bootstrap, which removes the default html and body width of 100% for some reason.

If you add a width: 100% to the body in CSS, you can see the content again. It's positioned to the far right of the window, but I don't know if that's an error or not.


    CSS Howto..

    How to make content of invisible except for the left column?

    How to make multiple left columns fixed and scroll the the rest columns in HTML table?

    how to use css align control one row

    how to force page break between absolutely positioned elements in css

    How can I apply CSS to elements created with javascript in IE?

    How to dynamically adapt the layout by using only CSS

    How to change font size of the first option tag in a dropdown menu (select)?

    How to make input text bigger in bootstrap css framework?

    jQuery UI how to avoid submit button getting css classes?

    How to horizontally center Twitter Bootstrap grid elements

    How to convert a xml element into url using css?

    How to make a CSS button work correctly?

    How to scroll with large pages with jQuery onepage-scroll plugin?

    How to get a border around this polygon?

    how to make the osx-like border on css?

    How to get an image's height and set its parent height to auto?

    How to set angular json model into css

    How to position an image to the right of a center aligned title with HTML & CSS

    How to let Materialize use classes for dropdowns and not ID's?

    Meteor how to serve multiple css for different media types?

    HTML/CSS | How to place different elements in a header div to different positions?

    How to combine slide-in panels with sticky header?

    how to draw a configurable pie chart in css

    How to combine HTML, CSS, and Javascript into an HTML code

    How to hide href attribute of tag via css when using window.print

    How is `outline: inherit 0` interpreted?

    How do I center Glyphicons horizontally using Twitter Bootstrap

    How to centre a table in html using css file? [duplicate]

    how to apply transform rotate all browse in inline css using jquery

    How to add css files using PHP inside the tag?