Problem is located on http://www.preownedweddingdresses.com/
We have a dresses slider at the bottom, select tabs different dresses shown.
Works fine everywhere else, but for some reason, in IE6, the letters "ls" (from the tab "Best Deals") are duplicating inside the content and causing rendering issues.
I've yet to find anything that can fix this, or anything that can be blamed for causing this either.
I've changed the letters at the end of Best Deals, and the duplicated letters change as well.
Open to any suggestions.
You've (re-)discovered another of the many reasons that every web developer hates IE6.
Related
I was wondering if anyone has ever come across this issue before? I loaded up Chrome today and for some reason the entire left hand side of the elements section is broken.
I can navigate down using the keyboard arrows and see the breadcrumb selectors change (as shown in the picture) and for some reason the top of the document seems to display (but looks very odd indeed), but anything below the 'if greater than IE8' doesn't show whatsoever.
Has anyone ever experienced this before? Am i better reinstalling or launching a support ticket?
This is a very weird thing that i've experienced . I've been working on a project lately www.bandness.com, which allows music groups and bands to upload their music. The artistic department has been very keen and precise and they've done an incredible work that allows the bands to have gorgeous profiles .
However, when on Chrome (i've noticed this only happens in chrome), when you enter a profile the background image doesn't load properly until you scroll over it or you "select" the div layer or the ones on top of it.
here are some examples of what i'm talking about
you need to select the layer so it works properly, and that is bugging annoying!!
here you have another example
and this is how the website should be seen without the bug in the left screen
Why does this happen?
The website is www.bandness.com, click on any of the groups where it says "TOP 5 GROUPS" or on the group for each song in "TOP 5 SONGS" and you'll probably spot what I'm talking about.
This has happened to me in chrome, on a macbook pro with the latest OS release. As well as in Windows 8. It bugs me because I have NO idea what is causing this and I fear a chrome bug.
How could it be fixed? Any suggestions are appreciated, I thought of using jQuery to make the layer dissappear/appear or something like that... but i'm unsure of whether this will work.
Ok, so I'm posting this as a help for anyone that suffers the same consequences of this bug at any time.Bear in mind the answer implies using jQuery.
As Christopher kindly pointed out earlier, I tried to do $(SELECTOR).hide().show(), but that didn't make it.
Then I decided to try with $(SELECTOR).hide(100,function(){$(SELECTOR).show()}); ensuring that the effect of showing only happens once the div layer has dissapeared.(that way it actually appears and dissappears).
The solution worked, however this should not be needed and it doesn't provide an answer to why this is happening, but it "kinda" makes the trick .
$(SELECTOR).fadeOut(100,function(){ $(SELECTOR).fadeIn()}); makes this happen in a much fancier way. Again as I said this isn't a fix, it's just a workaround that might get you somewhere if you ever suffer this problem!
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'm not even sure where to start on this one. in (some versions) of ff 3.6 (maybe others) my float-tastic page, doesn't render. At all: if you switch from another tab, the old page continues to show. if you reload, it will draw /some/ elements over the other page (really!). If you scroll, you get a page of ridiculous glitches and 5 to 30px high repeats.
Here is the offending page:
http://artdispenser.com/quarterrat/index2.php
It's set up as a long column with alternating floats to create a punk rock type look. The page is randomly generated, so feel free to reload it a few times.
Seems to work well on other browsers. Has anybody ever seen anything like this? any idea where to begin? I figure that this page is such an insane pile of fail that anybody who knows what is going on will immediately know the problem.
Thanks, folks!
For starters you have the same id used multiple times on the page. That is bad, very bad HTML. However that is not the problem.
Secondly, FF does have issues rendering monospace fonts. Which in your case would be Courier. Change that to Courier New and it will work again. But then you will have to resize the font accordingly.
I would highly recommend using web-safe fonts. A sample list of these fonts can be found on http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html or on http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html.
And as #David Dorward mentioned, validate the page. That might have also picked your font rendering issue.
This part at the end doesn't look very encouraging:
</body>
</html>kes to move the world.You unlock this door with the key of imagination. Beyond it is another dimension: a dimension of sound, a dimension of sight, a dimension of mind. You're moving into a land of both shadow and substance, of things and ideas; you've just crossed over into the Twilight Zone.
</div>-->
</div>
</div>
</body>
</html>
It doesn't help that you never opened an html tag, even though you're closing it. Twice.