I am helping a friend with his site and I am using IE, Chrome and firefox as well as safari to make sure the site is multi browser compatible. Chrome, IE and Safari all show the menu to be as it should but firefox adds 10 pixels between the menu and the slider. I tried to find the source of the error using chrome and mozilla developer tools, and I cannot see where it is comming from. Here is the link
Adding a negative margin to the div containging the slider resolved my issue.
Related
NAV turns invisible but links work on Chrome on this ONE page (Version 104.0.5112.80 64-bit)
All other pages AOK
Tested on Safari, Firefox and Edge no problem
https://www.neuropacalm.com/news
There are older solutions here for Google Font issues - but why this ONE page. Any help appreciated.
Recently I have been reading bootstrap from their official page and noticed a bug in firefox browser. When I visited http://getbootstrap.com/getting-started/ and scrolled to the very bottom then clicking on back to top link took the page to its top but it didn't remove the fixed position of the right side menu.
Is this a bug in firefox browser? Does firefox sometimes not remove position fixed? I am using Firefox 49.0.1 on windows 10.
I've used both Firefox and Firefox Developer Edition (last version) to enter that page and the fixed position looks well for me. Maybe your browser needs an update. What version do you have? I have Firefox 49.0.2 and Firefox Developer Edition 51.0a2.
I have this really weird problem. Our Tumblr blog home page http://blog.wigo.us doesn't scroll in Chrome on iOS. It scrolls just fine in any browser on desktop, any browser on Android and in Safari on iOS. But the latest version of Chrome in iOS8 just refuses to scroll the page.
The effect is basically like somebody put overflow:hidden on body element and gave it width=100%, height=100%. I looked through CSS of the theme and didn't find anything suspicious. I even run iPhone emulation in Google Developer tools - everything works just fine.
It would be awesome if someone had a similar problem and could point me in the right direction.
I am working with Foundation 4 plus WP and came across a very interesting issue and this is not a UTF-8 issue.
Page rendering in Chrome:
http://www.nmjgraphics.com/imaging/chrome_ren.jpg
Page rendering in Firefox (IE 10 loads the same way):
http://www.nmjgraphics.com/imaging/ff_ren.jpg
In both FF and IE the top navigation renders perfect out of the box, but in chrome it is bumped down by 30px. Now I can apply a margin of -1.9% 0% 0% 24.5% and that gets the menu back to where is "should" be on the browser, but IE and FF shift the menu by -1.9% and that cuts the navigation in half. In addition to that I also tried using the top element setting at 100% initially and then using "inspect element" in chrome move the number down to 0 with no effect at all.
This has not been tested on Opera or Safari, but my assumption is they will render just like FF and IE.
I do apologize for the links instead of images, but I need 10 rep just to add images to the question and I can only post two links, but I did have a total of 3 images showing the rendering on the three browsers. If you want to see the ie rendering, just change the browser name to ie_ren.jpg.
solved it. I was pulling my hair out for nothing. Page renders fine if I am not logged in. I completely forgot about the bar. I figured that if I wasn't placing it in the theme it wouldn't show up at all. Learned something new there. I will either add the bar (which I should) or disable it all together.
When viewing http://adam.inbulgaria.org in Firefox, it displays as it should; in Chrome and Opera, however, the floated image containers misbehave. I'm sure this has to do with my use of experimental properties (rotation, transitions on hover), but what can I do to make it better?
To clarify, in Chrome 17.0.963.56 m, when hovering above the images, some empty space appears under them. In Opera 11.11, there's space to the right of the images, even when not hovering.
It shows up like it should in Chrome 17.0.963.56 on Mac. The only difference i can see is the font size + the horizontal bars look different.