CiviCRM Community Forums (archive)

*

News:

Have a question about CiviCRM?
Get it answered quickly at the new
CiviCRM Stack Exchange Q+A site

This forum was archived on 25 November 2017. Learn more.
How to get involved.
What to do if you think you've found a bug.



  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Using CiviCRM (Moderator: Dave Greenberg) »
  • CSS clash causing layout problems?
Pages: [1]

Author Topic: CSS clash causing layout problems?  (Read 1072 times)

Martin.Schwenke

  • I post occasionally
  • **
  • Posts: 35
  • Karma: 0
  • CiviCRM version: 4.1.x
  • CMS version: Drupal 6.x
  • MySQL version: 5.1.x
  • PHP version: 5.3.x
CSS clash causing layout problems?
February 27, 2010, 01:58:11 am
I'm seeing layout problems when trying to edit contacts in CiviCRM.  In some cases the whole form ends up only a hand-full of pixels wide.  After I see this problem, I then start to see weirdness in non-CiviCRM pages.

A Google search suggested that this section in civicrm.css might be the problem:

Code: [Select]
.icon {
        height:16px;
        width:16px;
        background:transparent url("../packages/jquery/themes/smoothness/images/ui-icons_888888_256x240.png") no-repeat top right;
        float:left;
        }

Commenting this out certainly seems to work around the problem.  I don't seem to be able to find a reference to .icon in any of the other modules I'm using.   The only other place I see a bare icon class is in Drupal's system.css file.

I'm running CiviCRM 3.1.x with Drupal 6.15 (along with a whole swag of modules) on Firefox 3.5.8.

Thanks for any suggestions...

Pages: [1]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Using CiviCRM (Moderator: Dave Greenberg) »
  • CSS clash causing layout problems?

This forum was archived on 2017-11-26.