In Chrome (osx 10.7.4) I am getting a blank space at the bottom of my page http://presstube.com/vandalized-notes/
I would normally assume that it is just some whacked out css, but I've noticed 3 strange things in my hunting.
this only happens online.. locally the space is not there! wtf?
when i use the inspector it looks like the space is taking place outside the html
when I scroll all the way to the bottom, then reload, the browser's scroll is reset just above that space.
here is a screenshot of it online:
here is a screenshot of it locally:
If anyone can shed some light I'd appreciate it!
thanks,-j
Ughhh! after much wasted time I found out that it was some malware Chrome extensions that had snuck in. something call "quick-save".
If you're having this, go look in your chrome extensions and look for anything seedy and trash it.
The telltale sign was that in my console I had lots of suspicious looking js activity going on. I googled one of the servers it was trying to access and found a some chrome documentation warning of the se nasty extensions.
Hope that helps someone else who is ripping apart their perfectly good html/css in search of weird mystery spaces in their layout!
Your class .footy has padding-bottom set to 80px. Change this to change the space at the bottom.
Related
On my website http://uus.diamedica.ee/et/tooted/veterinaaria/6 is having strange 1px graphical glitches in and around the red menu bar, that only occurs in MS edge. It's like small bits are bitten out of the menu ribbon, thus making it look uneven. I've tried changing fonts, backgrounds, margins, paddings, etc. And nothing seems to make it go away. I've tried different zoom levels, but still the same after refresh.
Funny thing is, if you hover the menu items, then some of the bugs go away. Is anyone else having similar problems in MS edge and knows what´s causing it? Image below.
additional screens
http://design.imago.ee/test/diamedica/screen1.png
http://design.imago.ee/test/diamedica/screen2.png
Somehow i was able to fix the problem (at least in the computer that it appeared in the first place) by giving .menu-ribbon position relative, z-index 2000 and bottom value -1px. The issue should be still available to see in the draft version for those who are interested, http://design.imago.ee/Diamedica/html/index3.html is the url, open it up and hit refresh once after you´ve first loaded the page. At least im still seeing it in the draft version.
I also try to make a test by normally visiting the site in Edge.
Site looks correctly without any issue.
Below is my testing result.
Let us know, If there is anything that we are missing.
We will again try to make a test to reproduce the issue.
Are you working with low memory or with so much load on Edge?
Try to close all other site and open your site and check whether you can produce the issue or not.
I run a multilingual Drupal 7 website. White space recently appeared on the right side. I can't find the cause. It shows up on the German home page but not when you switch to English, unless one logs in. It inconsistently appears throughout the website. It shows up in every major browser except Firefox.
I've combed through the css and html, but I'm missing something here. Can someone please take a look?
"overflow-x: hidden" is not really a solution for me — I would like to pinpoint the cause.
Here's a CodePen Link.
It is the following class causing the issue:
element-invisible
It is used on the h2 header here:
Sekundärmenü
To see for yourself, just do a rename on the element and you will see it fixes the issue.
An image is worth 1024 words, right? so I tried to post some images but I don't have enough reputation, so it's going to be a little more difficult to describe with words, but I hope that someone can help me.
The thing is that I have a table that shows misaligned only under Windows, no matter if using IE8, Firefox or Chrome. Under Linux the table shows fine in Firefox and Chrome. So, I used the IE8's development tools and find out that the margins are set to 0, and if I disable the margins the table shows almost fine (top margin gets some value) but the right margin now shows aligned. Then if I apply margins again the top margin gets set to 0 and the right margin stays fine, and the table shows as it is meant to.
The weirdest part of all is that it works fine under Windows and Linux for other clients of the application, but for one particular client it just does not. The code does not depend on the client.
Edited:
The code is not something I'm writing, It's already written, like ages ago, and I have to fix some parts. It's a very large and complex application, with sensible data, so I have to obscure some of the code and the images, sorry for that, but now I've isolated the problem.
You can download the code and test it locally. You'll find out that the table shows misplaced only under Windows in any browser.
In order for you to understand what exactly the issue is, I'm posting 2 links. One of them is a code that shows fine, the other one has the issue. Both of them should work fine since it's the same application. I hope this is more clarifying. Look at the misaligned table, go to the development tools in IE and watch the margin values, then watch what happens when the margins are disabled and enabled again.
https://docs.google.com/file/d/0Bxz1pQbINNQKbDRHYXFxUFk1aFU/edit
https://docs.google.com/open?id=0Bxz1pQbINNQKYi1icEM4dFlGeW8
I had to remove the previous link to the images because I can upload only 2 links due to my privileges, but now you have the code, so it wasn't going to be that useful anyway. Maybe you might want to see the pics:
Well... The problem was nothing else that the dots in some ip numbers!
It was difficult to spot because not all data had ip numbers.
The solution could be to change xxx.xxx.xxx.xxx for xxx-xxx-xxx-xxx or something like that.
I hope it's useful for someone else.
I'm having some CSS issues that seem to only occur in chrome. The site in question is liveinthelead.com, and it's still being worked on so if you notice any other strange problems feel free to let me know, I won't be offended. My main problem is this though:
In all of the browsers I've tested except for chrome the site looks fine. However, in chrome, on the main page, the middle post in the three-post divs are shifted down about 20px. But when I open up the developer interface, they shift back to where they're supposed to be! Maybe it's just a local problem, but here are some pictures of what I'm talking about. If you don't experience the same issue then maybe it's just something weird going on with my computer. Cheers.
When I initially load the page
After I open the developer console
One thing that I noticed is that in your div#three-post you set float:left to div.member1 but not to the remaining div.member2 or div.member3.
That's where I would start investigating the problem. Maybe you should set the remaining two divs to also float left. You may need to clear them afterwards too.
For the sake of convention — and so that you don't encounter this confusions again — use IDs for selecting specific elements, e.g., member1, member2, member3, and use classes for selecting multiple elements that should share the same attributes.
I'm unable to replicate on Chrome 15.
=\ could be a good thing! Try another computer!
I have an issue with a site at the following address:
http://www.graffiti-prevention.com.au
For some reason in ie6 the page length is really long. Everything loads fine, but the body of the page keeps showing all of the content, including the footer.
I've tried the usual fixes, but its a problem Ive never had before. It's starting to drive me mad, so I'm hoping someone will be able to help me.
Cheers
James
I'd say it might be something to do with the Fancybox plugin. Maybe try sticking in
body { overflow:hidden }
I can't actually see the page though to have a better suggestion, my IE tester keeps crashing!