If you look at http://wilwaldon.com/JLS10/dine.html in IE7 (the devil) you will see a horizontal scroll bar at the bottom of your browser. I've tried to hide the overflow of pretty much every <div> and I've taken out every element in the layout one by one to see what could be causing this issue. I just can't seem to wrap my brain around it right now. Firebug isn't helping either.
Any help would be greatly appreciated:) Thanks in advance.
The problem is caused by position: absolute on #summer.
Related
Got a strange layout problem on my website. This only occurred in responsive and only on an article page. On the start page everything is fine, but when i open an article and watch it on my phone or the responsive-emulator from chrome developer-tools, i can scroll to right.
I tryed to debug this, watch the dom-highlighter from the dev-tools but i cant find a reason why there its possible to scroll to right. The insepector shows me no margin or padding.
Startpage: https://pokefans.online
Article-Page: https://pokefans.online/artikel/kyogre-leichter-zu-fangen-mit-neustem-update/434/
Really appreciate for your help.
The one causing the issue is the .article_trainer_row, particularly the .article_traier_text as it has a fixed width of 335px.
Using width:100% should fix it. (maybe with a max-width so it doesn't go bananas on higher resolution)
I need some help finding what exactly is causing the white space on the right in mobile view of my site.
http://shahil229-001-site1.smarterasp.net/
I've tried using overflow-x : hidden in the css but it stops the top navbar animations from working in the normal desktop view so thats out of the question.
Any help would be appreciated. Thanks
I found the issue! In the box where it says "SYSPRO" your link seems to be overflowing. Therefore causing it to make the page wider then it should be, and you can't see it because the link is white.
EDIT
Specifically the link http://www.syspro.com/product/what-is-erp.
EDIT 2
As Jesse Dockett said, also add width: 100% to your code. Thank You Jesse! :)
So, I've spent about 9 hours straight on this, and I was wondering if anyone could help me.
For some reason, this block of code shifts over my navbar to the left by about a pixel. I don't really understand why, I thought I screwed up with some tags, but after experimenting, I've narrowed the problem down right to [here][1].
[1]: http://pastebin.com/2iZwnFZs (not available anymore)
Figured it out!
A friend told me to use CSS to fix this, here's the CSS I used:
body {overflow-y: scroll; overflow-x: hidden;}
The cause of the navbar shift was the scroll bar, the code above will hide the scroll bar when it overflows data horizontally.
I've recently launched a website and seem to be having a problem with a static page I have created. It isn't a major issue but it is really bugging me!
The website in question is: http://gadgetmill.co.uk/
Basically I have hidden the horizontal scroll bar via CSS but want to get to the root of the problem and solve it rather than cover it up. The problem is that the website keeps wanting to scroll horizontally when there is no visible content to the right anyway.
I'm assuming it is the footer that is triggering this but would be very grateful if someone could tell me what to change to fix this?
Thanks a lot, and a happy new year!
I checked your site on firebug
Seems like
.footer-wrap {margin :0 -8em}
is causing it. Cant figure out why you applied it, guess you can either do away with it or work your way around it. Disabling it fixed things for me.
Just remove that padding: 0 1em; and width: 96% on body and set right:0px on element with id socialslider
in .footer-wrap (custom.css)
change the margin from
0 -8em
to
0 auto
this works for me using firebug in chrome.
The URL: http://pipedvan.com/
The website seems to have extra spacing to the right which is causing the horizontal scrollbar to show up, I'm not sure where this problem lies but help is greatly appreciated!
PS. It is showing up in Firefox, Chrome & IE9 .. and I've only noticed it on the Home Page. Thanks!
you need to remove width: 100% on: #ddblock-custom-pager-1
div.ddblock-cycle-sardinia div.custom-pager /* on line 1076 of your style1.css*/
100% is relative to the parent container, so you move your element to the right it will blow your design up.