For some reason I randomly have a horizontal scroll on a website I'm working on. It appears to only be on the home page. I have tried playing with padding and margins on this page and can't seem to fix it. I know I can just use the overflow:hidden css, but I really don't want to have to do this. The site I'm working on is located here:
http://www.wattins.abncomputers.com/.
I would really appreciate any help anyone can give me cuz I think I've just been messing with it for too long and need another set of eyes.
You have a div with .so-image-grid-wrapper with margin, you need to remove that
Related
Please help I would like to hide the logo from the top left corner, leave only the company logo.
I've tried but I couldn't find any possible solution, any help will be very appreciated
I don't believe that is possible, without dynamically editing the DOM. I can't think of a reason why NetSuite would want to allow people to hide that logo.
I have a 940px wide layout that I turn into a responsive layout once it gets below 940px.
The content I have doesn't respond well. It seems that if there is enough text in some of my divs, the divs span the width of my layout. If there's only a little bit of text, the div will go to the left of the page as per this example:
http://www.coflash.com/stuff/cssproblem.jpg
My question is... without giving divs an actual width, how can I assure thet they'll span the width of the browser no matter how much content they have? As soon as I set an actual width, I get scrollbars on my responsive site and it breaks everything :(
What exactly is the text doing that all of a sudden makes it fill the layout area?
Thank you for any help, and sorry I cannot provide a real world example, surely this is a common issue though.
For that first make
html, body{padding:0; margin:0}
then you can specify
div{left:0; width:100%}
try this, it think this will help :) and reply if not done
I use AddThis on most pages on my website for sharing on social networks. Pages that have the AddThis code are very very wide, because of the AddThis code, as seen in the horizontal scroll bar (Please see example below). Removing the code fixes everything and the page width is back to normal. I can't seem to put my finger on the why this happens with the AddThis code. Please help!
Please click on link for example:
http://roshtof.co.il/events.php
This is due to right to left language
This is what make the problem in your code:
-10000px!important
After I remove it the scroll is fix.
I'm currently working on a flash project, which will use multiple scroll areas.
I'm trying to find out how to create a scroll area like I see on stackoverflow, and make it function similarly.
Whenever someone posts their lines of code to stackoverflow, the scroll area scrollbar looks exactly like the scrollbar in the web browser, and is able to be scrolled with the mousewheel smoothly, without affecting the webpage scrolling.
Example: disable mouse wheel scrolling while cursor over flex app?
Could anyone please explain to me how I can do this in my flash project?
Thanks!!
You wouldn't need flash to do this... This is accomplished using CSS. You would just need to put the portion you wanted to function like that in a div (or any HTML container for that matter) and then define such properties as min-height, max-height, min-width, max-width, overflow, etc. I think there's one that determines the presence of the scroll bars but I don't remember what it is for sure. Very easy to do this and flash would be a bit of overkill.
Whenever I show a ModalPopupExtender on my Sharepoint site, the popup shown creates both horizontal and vertical scrollbars. If you scroll all the way to the end of the page, the scrollbar refreshes, and there is more page to scroll through. Basically, I think the popup is setting its bounds beyond the end of the page. Has anyone run into this? Searching Google, it seems this may be a known problem, but I haven't found a good solution that doesn't include recompiling AJAX, which my boss will not allow.
Hacky answer would be to grab the IE Developer Toolbar, find the tag that has the scrollbar, and alter your CSS file to add the overflow:hidden property to it.
I assume the TargetControl is of sufficient size to hold everything you put in it? If so, try:
Set CSS overflow:hidden;
If the target control is a Panel, set scrollbars="none". Otherwise, put it in a panel and try it.