This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

When I load specific websites, different columns of the website overlap with each other.

  • 5 பதிலளிப்புகள்
  • 11 இந்த பிரச்னைகள் உள்ளது
  • 1 view
  • Last reply by drsubha

When firefox opens a specific website (not in all websites) e.g. http://tinyurl.com/3xxxc43, different columns of the site overlap hiding important parts. In this example, as shown in the figure below, the technical document section overlaps the actual results in the middle. I can't find any help in google or any help in mozilla.

When firefox opens a specific website (not in all websites) e.g. http://tinyurl.com/3xxxc43, different columns of the site overlap hiding important parts. In this example, as shown in the figure below, the technical document section overlaps the actual results in the middle. I can't find any help in google or any help in mozilla.

drsubha மூலமாக திருத்தப்பட்டது

All Replies (5)

I see the same on the page.
It is caused by a problem with the code and a missing clear: both CSS rule for the table with the search results.

This code in Stylish should fix it:

@-moz-document domain(www.sigmaaldrich.com){
 #moreErrorMsgBox+table {clear:both}
}

thanks a lot corel for your quick answer. However, in internet it looks fine. I think the part has shifted to right with making a white space in between. it must be a problem with firefox only. I remember in some old firefox it was completely ok. anyway thanks for your time. i should try it.

IE always tries to guess what the code is meant to do and if there is a problem then you won't notice if you only test the code in IE. Firefox requires a clear rule to make the content start below floating or absolutely positioned containers, otherwise the content is positioned to the right of those, in this case hidden, DIV containers, and content shifts to the right as happens here.

wow....corel......it is really great. now it is corrected. frankly, I am dying to know what you did. actually I dont understand how did you know which is Errormsgbox and which is Table so that you can clear both. i really want to apply your knowledge to other websites where i had similar problem. or the better, can you tell me the javacode to do so in greasemonkey. then i can do research further to correct in all websites. anyway, salute to you again.

Hurray............i got the answer for anybody still having the problem. I just installed NOSQUINT and all problem gone. A great help. Though stylish was also ok, but i did not want to use this addon only for 1 page.