![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
I use Intuit SiteBuilder and my text boxes run long on FireFox.
For people who use Explorer my site looks fine. The text boxes are distorted on FireFox as they run long, overrunning text or images below. How can I correct this so they look good on both widely used browsers.
Wszystkie odpowiedzi (3)
Would you mind giving the URL of a page where this problem occurs? We might not be able to tell you how to fix the problem in the Intuit SiteBuilder software, but we probably can explain why it looks different in Firefox.
Current Firefox versions have a lot of web developer tools built-in including an Inspector and a box view.
Hi mattmarek, thank you for the URL. On the banana article, for example, there are two divisions inside one another.
<div style="position: absolute; top: 325px; left: 130px; width: 625px; height: 2164px; z-index: 1;" id="element37"> <div style="height: 2164px; padding: 35; border-width: 0; border-color: #FDFDFD; border-style: solid; background-color: #FDEDC0;">...
Inner and outer are set to the same height, but on the screen, the inner one sticks out of the bottom of the outer one. Notice that the inner one has 35 pixels of padding, which moves the text in from the four sides of the division by about half an inch. These pixels have to go somewhere! What I mean is that "height" refers to the content itself, before you add on any padding, border, or margin. So the true space occupied by the inner division is larger than the space allowed in the design.
I would say either the site design software has a flaw in the way it computes the sizes of the two elements, or you are not supposed to nest two divisions in this way. Can you check with their tech support (maybe give the URL of this thread) and see whether they have a simple fix?