CiviCRM Community Forums (archive)

It looks like a bug.

filed issue is here : http://issues.civicrm.org/jira/browse/CRM-5557

thanks,
kiran

Ahhh.  I just wrote a long follow up explaination regarding this problem, with file attachments of screen shots and then lost my entire post because the attachments were too big!  So, I will now provide links to the docs.
And, I am posting a shortened version of my "lost" post and can follow up with more details as needed.  I am also available to do an IM with Civicrm support and make whatever changes on the spot to the css files, etc. to help troubleshoot.


I agree with Kurund that this is probably a css formatting issue.  But, the fact remains that the combination of Civicrm 3.1 beta 4, Internet Explorer (7&, and standard Joomla front-end and backend (administrator) templates, still presents display issues that do not appear when using the Civicrm 2.2.9 version.

The problem may be related to table (or form) widths related to the membership and contribution page displays that are not correctly getting interpreted by IE in the same way they do in Firefox, Safari, and Chrome.  And, I would be happy to try some manual edits in one or more of the css files (i.e. template.css or civicrm.css ), if I could receive some guidance as to what exactly to edit based on my findings detailed in the attachments.

Here is an example of a contribution page on the front end test site, using the standard Joomla Beez template that displays incorrectly in IE but fine in Firefox and other browsers. 
http://www.biskotech.com/ncjw/index.php?option=com_civicrm&view=Contributions&Itemid=101

Related BackEnd (administrator) display issues:
Likely related to the front end display issues in IE, I am also encountering a display problem in IE (and Civicrm 3.1 beta 4)on the Manage Contribution Pages on the administrator backend.  In this case, the width of the Manage Contribution Page form is much wider than the Joomla page.  Refer to this doc for example screen shots and info.

http://www.biskotech.com/civicrmdocs/Civicrm_ContributionPage_IE_BackEndissue.doc

And here is a doc with more details showing the problem with displaying the Contribution Page on the front end.

http://www.biskotech.com/civicrmdocs/Civicrm_ContributionPage_IE_issue.doc

You may need to view these docs in Web Layout mode so the full width of the doc is shown and not cut off.

I can live with using an alternative browser for the backend configuration, but I can't enforce that my client's customers will use something other than Internet Explorer for their website browsing and to make donations.  So, I think it is quite important to have donation pages display correctly in IE.

Thanks,

jbisko

Even more specifically, I've now isolated it to this section of code beginning at line 256 of the civicrm.css file in the beta4 release.  if I remote this code, the membership page and contribution pages display correctly.


#crm-container .section .content {
   margin-left:16%;
   }

Not sure, what this code is required for, but hopefully, this can lead to a fix in the next beta.

With a little additional experimenting, I determined that the back end Manage Contributions  - "Contribution Amounts" page also displays correctly when the civicrm.css file from version 3.0.x is copied over the 3.1 beta 4 version.  So, somewhere in this file is also something that is breaking this display page in Internet Explorer.

Thanks,

jbisko

Thanks Kurund.
I looked over the patch file and I am not even seeing all of the related files in the Civicrm Joomla installation to edit.
Since it looks like a rather complicated patch to install, perhaps I will await the fix in in upcoming beta release.

Although, I am not certain if this patch addresses the issue I presented, since I don't see anything in the patch that involves changing the civicrm.css file.

-Jeff

Jeff - If the problem occurs regardless of whether you have price sets enabled for the contribution page, then I don't think the CRM-5623 patch will change things. I've asked the person who did the CSS / markup overhaul for 3.1 contribution pages to take a look.

Hi Kyle,
Thanks for your reply.  I can look into the settings for div#main width and #contentarea in my theme. 
I will need to find where these settings are specified in the theme.
I can switch back to my actual theme.  The reason I switched to some standard Joomla themes is I wanted to eliminate the extra variables that are introduced when I introduce my own theme.  If I can simplify the equation and show that it occurs with standard Joomla templates and components, then its easier for you to reproduce.

As I've mentioned before, it would be very nice if there was a joomla sandbox set up with the latest beta version, so when we discover an issue on our own site, we can attemp to replicate it on the sandbox and then if it does appear to be a bug, you have full access to the backend and all of the css and other files in the sandbox.

If there is such a setup and I can be e-mailed the link and login info, I would be happy to simulate my problem there.  Otherwise, if it would help, I may be able to implement my own joomla based 3.1 beta sandbox with some sample data and then provide administrator credentials so the developers can further analyze reported issues.


-Jeff