Member Avatar for Eldyvoon

look at this site :

the layout doesn't seem well, I use google chrome to inspect the element and try to edit the css to see the result, din'nt get it..

  • 4 Contributors
  • 3 Replies
  • 75 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by monstercameron

Dani AI

Generated

reported a page that looks un-scrollable in Chrome. saw normal scrolling, while and pointed toward background/element-level causes. The most reliable approach is to treat this as a local CSS/layout issue and use DevTools to find which rule is preventing the document from extending past the viewport.

DevTools checklist (fast): open Elements -> Computed for html/body and the top wrapper; look for explicit heights (height:100%, 100vh), overflow settings, position:fixed or absolute with top/bottom set, or a full-viewport overlay. Test in an incognito window or another browser to rule out extensions. Quick test snippets that only change styles in the live page (safe for debugging):

/* quick console reset for html/body (debug only) */
['height','overflow'].forEach(p=>{
  document.documentElement.style[p] = '';
  document.body.style[p] = '';
});
/* temporary DevTools CSS to force normal flow (remove before committing) */
html, body {
  height: auto !important;
  overflow: visible !important;
}
#page-wrapper {
  position: static !important;
  min-height: 0 !important;
}

Common culprits: an overlay element sized to the viewport, html/body overflow hidden, or a parent with CSS transforms that alters fixed positioning. Use the Styles panel to disable suspect rules one at a time rather than heavy-handed fixes. Keep !important only for testing; the long-term fix is to adjust the specific rule on the offending element (the html/body/wrapper rules are the first places to examine).

Recommended Answers

All 3 Replies

Member Avatar for JorgeM

Can you elaborate on what your question is. I visited the link, and the page came up, was able to scroll up and down. Didnt see any issue with the layout.

Member Avatar for rohanbhangui

hello Eldyvoon. Do you want to fix the backgorund image and then make the white space moveable?

BTW Here is the link to my web dev. channel: [link removed]

you can also reduce the length of the backgorund image thereby making a fixed length

Edited by deceptikon because: Snipped self-promotion link
Member Avatar for monstercameron

in the specific element use overflow:scroll;

Edited by monstercameron
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.