I'm using Smooth DIV Scroll for a project.
Anyone knows how to make it work in IE6?
I've seen it done but am not sure how.
You don't mention anything about what is not working?
I don't have a real computer where Internet Explorer 6 is installed, but I do have a virtual machine running Windows XP (SP3) and IE 6. This should be the same as the real thing. On this machine I can run Smooth Div Scroll in IE6 without any bigger problems.
There is one issue with the height of the hotspots - for some reason setting the height of the hotspots to 100% will not work in IE 6 (go figure). So if you plan on using the hotspots for scrolling and you know the height of your scroller, you can set a pixel value and it will work.
In the file smoothDivScroll.css or in your page CSS try the following:
div.scrollingHotSpotLeft, div.scrollingHotSpotRight
{
height: 250px;
}
...if the height of all your scrollers are 250px. This will fix the issue with the short hotspots when using IE 6. If you ask me, I'm amazed Smooth Div Scroll works at all in IE 6.
Related
I've been asked to make my website resize and adjust without scroll bars as it is also used on mobiles (i.e. Make it Responsive). The problem is a puzzle and is probably something straight forward but I've been Googling for an hour and haven't found an answer.
I changed the sizing in my HTML code to percentages instead of fixed sizes and replaced some styling with CSS classes. This worked and when I ran it in Chrome and IE it worked fine with the content adjusting when the browser is resized. However, when I deployed it in mobile, it just appeared the same as before with scroll bars. I went back to my code and ran it again and it worked when I ran the deployed site in the same browser but when I tried the same in a new browser it went back to scroll bars.
It works normally in IE but in Chrome and edge it only works if I compile in that browser first. My code works but obviously whatever is causing it to revert with a new browser I need to fix. Is this a browser setting or do I need to make a change in my CSS?
Try using vw as unit instead of % or px for text. And max-width and max height in % instead of px for image.
this is a very specific question for a site I'm helping a friend troubleshoot. I understand if it doesn't get answered or if this question gets closed.
I was wondering if someone with a Mac and Safari could help me troubleshoot the below issue with the inspector..I'd be happy to buy you a beer next time you're in town. I'm on PC and can't replicate the problem.
This problem only occurs on Safari for Mac OS only. Chrome, Firefox, IE and other browsers display correctly.
There are a couple divs at the top, full width containing a logo and navigation.
http://912-registry.clubexpress.com
On Safari / Mac OS, my friend is saying that the big image slides on top of the navigation and underneath the logo bar at the top.
I've tried the full width 100%; position:relative; tricks as described in similar questions.
I have an idea why it's happening, because the large image is first in the DOM, the nav follows in the HTML and nav is fixed at the top with CSS. This was a kludge to avoid having to re-write the html and reorganize (which may have to be done). However, there may be a simple fix to the css hack that someone on Safari could find.
z-index? A position relative somewhere that's missed?
Otherwise back to the drawing board.
Whaddya' say Mac guys?
I have a Issue. I'm currently working on a site but decided to not really pay attetion to IE since its an one page site and we have a selected audiance so we decided IE isnt a main priority.
Now I was doing some testing in ie 11 just for fun and everything seems to work pretty well. I only have 1 problem with the fixed background.
Whenever I try to scroll it shakes instead of just staying on its place. (so it is fixed but it still shakes up and down a few pixels when scrolling)
I also have a menu at the top which use scrolltop to scroll to the right div when clicking a menu item and when you use this the background image dont shake and behaves like it should be.
For anyone having windows 8 and ie 11 this is the link: http://www.randomshirts.nl/letterfabriek9/
UPDATE: when I test it on my normal computer ie11 its working fine. it seems to be a problem with the touchscreen laptop
Try saving the background image in .jpg and try lowering the pixels and also make it sure that your IE is fully updated.
Having a slight problem with
http://jquery.com/demo/thickbox/
In IE8, the overlay window doesn't scroll when you scroll down in the browser. So if you click something at the bottom of the browser window, the overlay window pops up but at the top of the screen so you have to scroll back up. This only happens in IE8, all other browsers the overlay window follows. Help? Thanks
I had the same problem, but only when using <frames> or <iframes>. Being unable to correct the problem, along with a few other bugs, I decided switch to using Shadowbox http://www.shadowbox-js.com/. I found it to be ALOT more flexible. Just a suggestion. But as for the IE8 problem you reported, I never encountered the issue in a parent window, just when using frames.
I have a element on my form that looks like this:
<div style="overflow-y:auto;overflow-x:hidden;height:100%;width:100%">
In IE7 when the page first renders, there are no scrollbars. However, if I resize the page (even just 1 pixel) the scroll bars appear properly.
Is there something I can do so that the scrollbars show properly when the page first displays?
Set overflow-y to "scroll" if you always want a scrollbar.
That's the kind of problem which comes from the hasLayout bug in IE6 and IE7. It affects how IE renders the page. To get rid of the problem, you should consider reading this great page about the hasLayout behavior and its hacks. There's also the official Microsoft hasLayout dedicated page.
The hacks suggested are height: 0; and zoom: 1; depending on the version of IE you want to target and the type of your element.
I used overflow: scroll and it fixed my issue with the disappearing scrollbar on load. My tables are dynamically created and should scroll automatically when the page loads as I have enough data to start with.
I didn't have to make any other changes. Now it works in all three browsers IE7, IE8 and FF.
You should add margin-right: 20px to your style, so the scrollbar will have enoguh place to be displayed.
Try Internet Explorer 9 and see if your current script works there. Most probably it does work there, and if so, you might rethink your inner desire to make it all compatible with previous versions of Internet Explorers like 7 etc
With Chrome and FireFox stealing away audiences from IE to fast, I forecast that its only a matter of time that before such questions will be obsolete...
try absolute widths and heights, upon resize IE7 may be calculating the dimensions itself when you go to resize to page, whereas on page load it isnt...