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!
Related
So working on this website and faced with an issue of blank space on the right side of the page on mobile view. I've looked at everything and still cant seem to get rid of it.
I deleted each section of the site hoping to find the area where the issue was (overflowing form something I thought) but it was always there so I don't know what to do.
[link removed] is the site on the dev server.
Im really stumped by this so hope someone can help me. Thanks in advance
The issue is visible only on mobile and almost no way to debug that (well there is a way, kind of a hard way to debug that).
Any long story short ... i suppose one of the page elements is not behaving as it should in mobile view. With this i mean, an element, element X for example is wider then the width of your mobile screen so it creates that white screen issue.
What im gonna propose here is not a 100% solution, is more like a workaround but it will work if the issue is what i supposed:
Apply this css rule on the body tag:
body { overflow-x: hidden; }
http://validator.w3.org/nu/
Copy Paste your url or paste your code (at the "Check by" dropdown) and you'll see unclosed elements.
Close your elements, I think there is the solution
Thanks to everyone for your help. So I found the issue, As Arber suggested it was an element behaving badly. It was the contents of the carousel overflowing causing whitespace to appear, so I was able to rectify the problem. Thanks again! Tthe validation helps with a few other side issues too.
I am working on creating a website with a background that transitions with a fade. I have an issue with display when viewing with Firefox. The site loads fine and cycles through the images, when the point comes for it to return to the first image it resizes to a tiny pic in the top left corner. This does not happen on any other browsers, and it does not happen with all of the images in the cycle. If I refresh the page the problem is fixed and the sizing issue goes. I have tried from other computers and the problem is consistent. A version of the site can be seen http://www.rhys-williams.webspace.virginmedia.com/ Any help with this issue would be a big help thanks.
SOLVED
I have resolved this problem. The issue is caused by the cycle changing quicker than the image loads. I added a second to the display time and it now displays fine :)
Remove div from this line -> so your code will look like:
<div id="slideshowContainer" class="slideshow">
I guess that firefox was confused because of it.
Edit: Also, there are few unclosed tags (html errors), but i think this was the main reason of problems. Also, document has no valid declaration... fix these things, and then try... i have tested locally, with base href, and all works fine?
Hm -> please try to remove this, too: next: '.slideshow'
next option should have selector for next button, if i remember well...
I'm currently creating a website, which has an div called Aside. This is basically an aside part of the website.
I'm including it to my index.php.
There is nothing serious about it, however I have a huge problem. I have had everything working yesterday. Today when I visited the website in my Firefox browser, I have just happened to see that the Aside div has completely disappeared. When I get Firebug to inspect the Aside div, it show me that div greyish. So I guess it means that it is not displayed.
I have searched for every "display:none" in my document, but I didn't find any which relates to the Aside div.
I have tried it in Internet Explorer and I got the same problem there as well. However I have tired it in Chrome and it has worked prtyy well, it showed everything.
Than I have tried it in my Virtual machine's browsers and all the 3 browsers were showing the aside div.
I have also tried it on my VPS and it was okay there too!
So what the hell could happen with my browsers or my code, that it does NOT display ONLY the aside div? What can be the problem?
I have never seen anything like that, because it was okay yesterday and today its bad...
Any help would be appriciated.
And I have also tried to delete my history and everything, but its the same.
Disable AdBlock / AdBlock Plus in your copy of Firefox, or give the div another ID / class as a quick fix. The reason I thought of this first was because I had a much more blatant ID of "advert" on a div which I only noticed got blocked in a copy of Firefox which had AdBlock Plus installed when I was testing the site out.
A more permanent fix, if you intend to keep using AdBlock, would be to remove the name of the div that got blocked from the list of keywords / filtering rules that you're using.
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.
I have a site with a header div and an iframe used to display a map in the rest of the page, resizing to the maximum space it can under the header div.
I can get the method working on Firefox and Chome, but the iframe won't fill the div on IE9. Anyone know what the issue is? Rather than post html, here's a few links to the problem page and the old page I'm re-designing that does work in the same way in IE9.
New problem page (doesn't resize div in IE9):
http://permitmap.paydirt.co.nz/devtest/permitmap.html
Old page using the same technique that does work in IE9:
http://permitmap.paydirt.co.nz/
It might be my abuse of Twitter's Bootstrap? I use bootstrap it as it's meant to be used on normal content pages, but this page is a one-off that needs to display a map in as much of the page as possible while still following the styling for the header as the rest of the site.
And my use of tables for layout is also bad practice I know, but it's the only method I've found to achieve the desired effect with the iframe (believe me, I've tried a lot of ideas out that don't use tables!).
Thanks in advance any CSS / HTML gurus out there that can help!
How much time is lost making IE behave like other browsers!? Microsoft must cost the planet an incredible amount in lost man hours and extra expense supporting IE.
Ah, just noticed I had to solve this issue with the original page.
Removing the DOCTYPE element from the top of the page resolves the issue in IE9!