I have a views table (provided by Twitter module) that looks fine in FF but botched with Chrome (both latest stable). I tried with various other themes but so far only way able to reproduce this behavior with AT so I guess this is a theme issue. I am using AT+Corolla.
To demonstrate simply visit http://fromwaydowntown.de/de/tweets-raw with FF and Chrome to see the effect.

correct display

botched

The problem seems to be margin: 0 0 0 <strong>7</strong> from Corolla's tables.css line 168. The way the CSS works here is way above my head so I hope I didn't miss something obvious. I set the issue against AT core because I am totally not sure that all relevant css is provided by Corolla. The table stuff sure is from Corolla so feel free to move this issue.

This can also be seen with the mobile versions of FF and Chrome but on mobile Androids default browser also displays the botched version.

CommentFileSizeAuthor
botched table chrome.PNG7.59 KBdddave
correct table FF.PNG16.97 KBdddave
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

dddave’s picture

Issue summary: View changes

added info about mobile browsers

Jeff Burnz’s picture

Project: AdaptiveTheme » Corolla
Component: CSS/HTML » Design
Issue summary: View changes

Moving to right project, will certainly look into this, sorry for the epic delay, had quite some time off the past years due to illness.

dddave’s picture

Very glad to see you back in action. Was a bit worried about your absence. For what it's worth: the issue is still present with current browser versions. The url provided in the OP still shows the effect when visited with different browsers.

Jeff Burnz’s picture

Try something quite aggressive, this should trigger the images to display correctly in chrome tables.

I couldn't actually test this because every time I try to load the site in Chrome none of the images/avatars are loading, no problem in other browsers, but all twitter avatars do not want to load for me (they all get a "disconnect-collapsed" class being added which hides the broken image placeholder etc).

Anyway, try this in your CSS and see if it works:

td.views-field-profile-image-url {
    width: 48px;
}
td.views-field-profile-image-url img {
    width: 48px;
    height: 48px;
    max-width: none;
}
dddave’s picture

Sorry for the delay but I can confirm that this stuff works and fixes the Chrome display.

Jeff Burnz’s picture

Status: Active » Fixed

Cheers.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.