We help IT Professionals succeed at work.

website overlapping content on Opera

641 Views
Last Modified: 2013-12-07
I've been having a problem that's been driving me nuts. I use Opera web browser (I don't like Firefox/IE) on main computer, and it usually works great. However, occasionally I will come across a site that will load with overlapping content pushed all the way to the left of the screen. For instance, a picture or embedded video will have text overlapping it, and if there are any sidebars/column ads, they will over/underlap those.

I do use a widescreen monitor, but the pages in question display perfectly on IE. Also, the pages display fine in opera on my laptop and in opera on my girlfriend's widescreen laptop.

Two websites do this all the time for me on my main computer:
http://www.kotaku.com/
http://www.lifehacker.com/

Any ideas how to fix this?
Comment
Watch Question

Commented:
you cannot fix it yourself. you have to inform each of the web developer/owner of the site about the problem and hope they will fix it.

your other option is, use FF/IE. I prefer FF. :)
b0lsc0ttIT Manager
CERTIFIED EXPERT

Commented:
Does your Opera browser have a plugin or addon that your girlfriend's computer and Opera doesn't have?  Are the versions and updates the same?  Are you comparing the same size of browser window?

I don't have Opera but it sounds like it might not just be Opera.  I know you said you don't like the other browsers but do you have Firefox on your computer.  If so how does the page look in that browser?  It would be worth testing this by installing Firefox on your computer if you don't have it.  If the cause isn't the browser itself or an addon/plugin then it might be some other program, etc on your computer.

Let me know if you have a question or need more info.

bol

Author

Commented:
The page looks fine in firefox/IE on the same computer opera has trouble with. All three computers have gone through the same recent versions of opera at one point or other, though not nessecarily at the same time. The results have consistently been the same. For a short while (a day or two), about a month ago, the two aforementioned pages showed up perfectly in opera on my main computer. I didn't do anything different, didn't install a new version or any software/plug-in that I could imagine would interefere with opera in any way.

My assumption has been that the problem has something to do with resolution support that a particular page offers, and for whatever reason, opera doesn't pick up on it, while firefox/IE does.

Also, I did just recently notice that both websites  happen to belong to Gawker Media, although other sites Gawker Media sites using the same format display fine.

And again, I'm not looking to switch to firefox. If I wanted to completely dodge the problem by switching browsers, I would. From what I've experienced, Opera is much more configurable and secure than firefox/IE, and I have it set up in a way I've been unable to duplicate in firefox.
b0lsc0ttIT Manager
CERTIFIED EXPERT

Commented:
I am not trying to pressure you to change browsers.  It was just for testing.  I respect that you prefer it and that is fine.

Is the resolution different on your computer and your girlfriend's?  Is the browser window size different?  Does the problem persist in a smaller window or when maximized?

What about widgets, etc?  One of those could be causing this just like an extension in Firefox or addon in IE.

Resolution itself usually isn't going to cause an issue.  If it did then it should be reproducible on other computers (i.e. same resolution, browser, site).  The browser size itself is more likely to cause a problem because of style, etc.  The overlap you described can be caused by browser window size and CSS but that is almost always reproducible.

Just keep in mind that what Third said about the "fix" being on the site owner's side is true.  Of course the fact that this works on other Opera browser on a different computer gives hope but if there is a widget, etc that we identify as the cause the fix would have to be removing it.  Otherwise you just have to live with it (with maybe an email of the "bug" to the developer).

Let me know how this helps or if you have a question.

bol

Author

Commented:
I did test it on firefox, and the problem did not exist in that browser. I tried to change the resolution of my girlfriend's widescreen laptop, but the graphics card resolution maxes out at 1280x800.

Interestingly enough, I tried setting my resolution lower until I got to 800x600 and the problem persisted through all resolutions.

I did have two widgets installed, but I removed them with no effect.

So at this point, it looks to be browser AND machine specific, but NOT related to display resolution. Any other ideas? My newest theory is that it has something to do with Opera's "style sheet", though I have heard that problems with CSS (I confess, I don't really understand what that is) can result in weird effects too.

I took some screencaps to show exactly what the problem is:
<a href="http://photobucket.com" target="_blank"><img src="http://img.photobucket.com/albums/v508/monkeyagent/kotakuprob.png" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a>
<a href="http://photobucket.com" target="_blank"><img src="http://img.photobucket.com/albums/v508/monkeyagent/lifehackerprob.png" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a>

Author

Commented:
Also, the browser size doesn't affect the problem - while the text will adjust if I make the window too thin, it is all still overlapping, and left-justified.
IT Manager
CERTIFIED EXPERT
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Author

Commented:
I've tried reinstalling to no effect. If you think of any other ideas, I'd appreciate them, but it looks like we've hit a dead end. I appreciate the consistent help, and am awarding you the points.
b0lsc0ttIT Manager
CERTIFIED EXPERT

Commented:
Thanks.  I have no other ideas but I'm glad the information has been useful.  Thanks for the fun question and points.

bol

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.