[RESOLVED] CiviCRM 3.2.x contribution page CSS problems in IE7/8

[bmw]

I know there are a few threads on this like http://forum.civicrm.org/index.php/topic,12118.msg52229.html but in previous versions.
I spent two days tracking down the issues and think I found them. I wish to thank Chris Pederick's Web Developer plugin as it definitely helped allow real-time editing without actually writing to the file for testing plus other features to identify the actual objects/elements that were being affected.

So, this is what I found. Using our donation page on Joomla 1.5.22 as an example, https://MarinInstitute.org/site/donate.html , the area to choose the amount of the payment went way off the page but only in Internet Explorer both v7 and v8.

Playing around a little, I found that the introduction text was in an actual cell in a table but the form with the contribution amounts are not in a table. Thus, getting the form to wrap properly is the problem and the fix. The introduction text cell needs to be the same with as the main form container. I did read in several threads that the use of {width: xx%;} was the culprit but there was no reference for the elements below in civicrm.css as it was.

Adding this to ../administrator/components/com_civicrm/civicrm/css/extra.css worked"

Code: [Select]

form#Main {
width: 673px;
}

form#Main div#intro_text {
width: 673px;
}
So far, there is not effect on any other contribution pages or profiles.

Consider this a patch if necessary.