I have a new client that had someone build a website for them based on Joomla. The text displays correctly in IE, but runs off the text box in Firefox.
The site is www.rxfitness101.com
Look at the testimonials page in the center. At this point, her developer says it's her computer and her browser and is refusing to help her. None of my pages ever caused this problem and I'm not clear where to look first.
Please let me know if you can help identify the problem?
Thank you,
Doug M
Jump to PostI noticed there are lots of <div> tags enclosing the text on testimonials page. Is ther a reason for this? Try using <p> tags instead. Might help might not, but its a good start.
Jump to Postwould suggest correcting the css and not using pixels at all
the current best practice is to use ems and %, 12px on this monitor is less than 2mm high, 12px on the next generation of monitor will be smaller, device generations are ~6 months
fixed size layouts look idiotic …
I noticed there are lots of <div> tags enclosing the text on testimonials page. Is ther a reason for this? Try using <p> tags instead. Might help might not, but its a good start.
taking a quick look at your css. You might want to make sure that on font-size that you do NOT use half a Pixel. Some browsers support half pixels and some do not and round up or round down. I would recommmend instead of using 11.5px to use either 12 or 11. I have found that seems to give less problems with browser compatibility.
Thanks for the suggestions. I am looking into both and testing them. I appreciate the responses.
would suggest correcting the css and not using pixels at all
the current best practice is to use ems and %, 12px on this monitor is less than 2mm high, 12px on the next generation of monitor will be smaller, device generations are ~6 months
fixed size layouts look idiotic on any display other than the one it was laid out on, create scroll bars in part windows, tiny central columns in the middle of widescreen monitors.
this is a 1080 widescreen monitor 4470x2040 connected to my geekmobile laptop1000*600, the site looks stupid in both the laptop display and the widescreen, and like ____ on my blackberry
For any commercial site, where two sites may be compared by potential customers by being placed in half screen windows adjacent to each other, the fixed layout site loses. the customer goes with the site that works
Fixed size layouts fail in handheld devices, technogeeks with the money to waste on incompetent handheld devices also have money to spend on suppliers, not visible, lost customer
these standard test beds may assist you http://analyze.websiteoptimization.com/authenticate.php?url=http://www.yoursite.com&/ Speed tweaks
http://demo.opera-mini.net/demo.html?www.yoursite.com handheld
http://www.browsershots.org other browsers
many problems (if present) will show serious code errors in the w3c validator sites will produce blankscreens in browsershots
Valid code does not ensure the site will work ... Invalid code ensures the site will [b]not[/b] work ... .. in all browser OS combinations
not all layouts work in handheld devices strictly code based, you understand your content more than I would(or care about, I dont do healthy )
Do you have a screenshot of how you see it, or your client sees it, on your computer? Attached is a screenshot (several pasted into one long jpg file) of how my FireFox browser is viewing the page.
I am using 3.5.11
I don't see where it is coming out of the box like you said it is - without seeing or being able to see the problem, it's difficult to even guess where it could be in the code.
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.