Getting the embed to work has been a real adventure, but I've finally got it so it works in FF and Safari, but the CSS "breaks" in IE. Go to: http://76.12.88.17/ hit "Multimedia" and you'll see what I mean. This happens only in IE. It looks like there's a div broken somewhere.

I will send along the page.tpl.php file and accompanying CSS if you think it will help.

I have also gotten user sync (array) errors, although it does say uses were synchronized correctly and seems to behave fine afterwards, except, of course, on IE. (This is on IE7, btw.)

CommentFileSizeAuthor
#8 whatisee.png115.58 KBVM
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

bcobin’s picture

Followup: Just installed the 2.0 module and the problem is still there. This also happens in Garland, so it's not a problem with my custom theme.

Possible solution: A landing page PC users asking them to come back only after they've installed Firefox?

But seriously, this is a major problem. It looks like embedded Gallery2 doesn't work for IE users.

VM’s picture

I can't duplicate this even on garland. To me it looks like your side bar, the event calendar for example is too large which is pushing the content div down.

Run your site through a validator which may help.

bcobin’s picture

I can't duplicate this even on garland. To me it looks like your side bar, the event calendar for example is too large which is pushing the content div down.

You may not be seeing the same thing I am - which would be odd. For me, the CSS is largely "broken" - again, in IE7 only. (Body bg and left sidebar text alignment intact - no bg, no styling - nada; and the rest is toast. This should be apparent if you look at the rest of the site.)

Thank you, VeryMisunderstood - after seeing so many of your posts, I'm most gratified you took a look! I am, indeed, honored.

However...

I disabled the sidebar calendar and there's no change. Below is the result for CSS validation; my CSS file is "page-layout.css" which does not appear in the error list. I'm using an (extensive) mod of the ATCK theme, which references a separate "styles.css" file to handle some basic style elements that specifically address IE; perhaps this is the problem?

It's puzzling that you don't see this in IE7 - what could you and I possibly be doing differently when viewing the site? I've tried it now on two PCs, both with the custom theme and with Garland, and I've had the same results - in IE only, of course.

Run your site through a validator which may help.

Cool - here is the CSS validation result (from FF Mac):

URI : http://76.12.88.17/sites/all/modules/civicrm/css/civicrm.css
779 	#crm-container .action-icon 	Value Error : cursor hand is not a cursor value : hand
806 	#crm-container input.submit-link 	Value Error : cursor hand is not a cursor value : hand
URI : http://76.12.88.17/gallery2/modules/core/data/gallery.css
48 	div#gDialog_mask 	Property moz-opacity doesn't exist : 0.5
49 	div#gDialog_mask 	Property opacity doesn't exist : 0.5
50 	div#gDialog_mask 	Parse Error - opacity=50)
98 	div#gDialog_c .panel-container.shadow .underlay 	Property moz-opacity doesn't exist : 0.7
99 	div#gDialog_c .panel-container.shadow .underlay 	Property opacity doesn't exist : 0.7
100 	div#gDialog_c .panel-container.shadow .underlay 	Parse Error - opacity=70)
186 	div#gDialog_c .button-group button 	Value Error : cursor hand is not a cursor value : hand
492 	#gTooltip.mask 	Property -moz-opacity doesn't exist : 0.5
493 	#gTooltip.mask 	Property opacity doesn't exist : 0.5
494 	#gTooltip.mask 	Parse Error - opacity=50)
URI : http://76.12.88.17/gallery2/themes/matrix/theme.css
25 	.gbBlock 	Value Error : border-style Parse Error - parentElement.currentStyle.borderStyle)
26 	.gbBlock 	Value Error : border-color Parse Error - parentElement.currentStyle.borderColor)
484 	#gallery.gecko.rtl div.gbNavigator a 	Value Error : display -moz-inline-box is not a display value : -moz-inline-box
URI : http://76.12.88.17/modules/jquery_calendar/jquery_calendar.css
165 	.calendar_cover 	Parse Error - mask()
URI : http://76.12.88.17/modules/jstools/collapsiblock/collapsiblock.css
4 	div .collapsiblock 	Value Error : cursor hand is not a cursor value : hand
URI : http://76.12.88.17/modules/jstools/tabs/tabs.css
14 	.fragment 	Property opacity doesn't exist : 1
69 	.anchors .tabs-disabled 	Property opacity doesn't exist : 0.4
URI : http://76.12.88.17/modules/lightbox2/css/lightbox.css
28 	#loading 	Parse Error - *left: 0%;
34 		Parse Error - : 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav
102 	#overlay 	Parse Error - opacity=60)
103 	#overlay 	Property -moz-opacity doesn't exist : 0.6
104 	#overlay 	Property opacity doesn't exist : 0.6
URI : http://76.12.88.17/themes/atck/style.css
281 		Value Error : min-width Property min-width doesn't exist : 0
306 		Value Error : min-width Property min-width doesn't exist : 0
URI : http://76.12.88.17/modules/jstools/activemenu/activemenu.css
3 	li.activemenu-processed 	Value Error : cursor hand is not a cursor value : hand

You'll see that all of these are "release" modules. Ignore any Lightbox errors; I saw this behavior before I activated the module.

Even though I'm fairly new at Drupal, I'm an experienced beta-tester and this looks like something pretty major - I would think that anybody viewing an embedded Gallery on IE7 would have the same problem. I'll leave the calendar disabled until I hear back from you to eliminate that possibility. Until then, I'm stumped.

Thanks again... hoping to hear back from you or others in the marvelous Drupal community... thanks again for taking the time to respond!

b

bcobin’s picture

Followup: removed all the blocks from the sidebar so Gallery doesn't get "bounced" (which is a separate issue I'm somewhat familiar with and believe I can fix) - the styling is still broken as per original post. Sidebar sizing is definitely not the issue as to "breaking" the CSS.

VM’s picture

personal.verymisunderstood.com/gallery

I threw a quick install up with embedded gallery see the above URL. I too am using IE7

bcobin’s picture

Your page looks fine in IE7, whereas my page in Garland "breaks." I assume you're using 5.5. If so, the only variable I can think of offhand would be the rewrite rules, which I'll enclose here:

Drupal rewrite rules:

<IfModule mod_rewrite.c>
    RewriteEngine On

    RewriteBase /

    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d [OR]
    RewriteCond %{REQUEST_FILENAME} gallery\_remote2\.php
    RewriteCond %{REQUEST_URI} !/index\.php$
    RewriteRule .   -   [L]

    RewriteCond %{THE_REQUEST} /gallery/v/([^?]+)(\?.|\ .)
    RewriteCond %{REQUEST_URI} !/index\.php$
    RewriteRule .   /index.php?q=gallery&g2_path=%1   [QSA,L]
</IfModule>

Gallery2 rewrite rules:

<IfModule mod_rewrite.c>
    RewriteEngine On

    RewriteBase /

    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d [OR]
    RewriteCond %{REQUEST_FILENAME} gallery\_remote2\.php
    RewriteCond %{REQUEST_URI} !/index\.php$
    RewriteRule .   -   [L]

    RewriteCond %{THE_REQUEST} /d/([0-9]+)-([0-9]+)/([^/?]+)(\?.|\ .)
    RewriteCond %{REQUEST_URI} !/index\.php$
    RewriteRule .   /gallery2/main.php?g2_view=core.DownloadItem&g2_itemId=%1&g2_serialNumber=%2&g2_fileName=%3   [QSA,L]
    RewriteCond %{THE_REQUEST} /v/([^?]+)\.davmount(\?.|\ .)
    RewriteCond %{REQUEST_URI} !/index\.php$
    RewriteRule .   /index.php?q=gallery&g2_view=webdav.DownloadDavMount&g2_path=%1   [QSA,L]
    RewriteCond %{THE_REQUEST} /gallery/v/([^?]+)(\?.|\ .)
    RewriteCond %{REQUEST_URI} !/index\.php$
    RewriteRule .   /index.php?q=gallery&g2_path=%1   [QSA,L]
    RewriteCond %{THE_REQUEST} /w(/[^?]*)?(\?.|\ .)
    RewriteCond %{REQUEST_URI} !/index\.php$
    RewriteRule .   /index.php?q=gallery&g2_controller=webdav.WebDav&g2_path=%1   [QSA,L]
</IfModule>

Gallery2 install is at http://76.12.88.17/gallery2 and looks like it's otherwise functioning normally. This is very strange... any other ideas? Thank you much!

bcobin’s picture

One further question: are you seeing the same "broken" CSS as I am? (No containers, no bg other than "body," no footer, etc.) Or are you only seeing the block pushed down? I also have CiviCRM embedded - could that be the issue?

If you see errors in IE7 opening the page, that could provide a clue... thank you, thank you for taking the time. -b

VM’s picture

FileSize
115.58 KB

I don't believe it would have anything to do with rewrite rules.

I"ve never used CiviCRM

attaching screenshot of what I see, which I believe is the same thing you see.
The content area, is being pushed below the sidebar, I have to scroll down to see the gallery.

bcobin’s picture

It is indeed the same thing I see. That's a good thing. I also assume that when you view the page in FF it's OK. I'm more concerned about the "broken" styling than the block problem; loading the CSS correctly would most likely solve it.

Rewrite rules were the first thing I could think of offhand, but CiviCRM, insofar as it's also embedded, may well be causing the problem. IE may not "like" something in the CiviCRM CSS. Are you seeing any error messages on your end that come up when you load the page? Therein may lie a clue... Thanks again - we may be getting somewhere!

profix898’s picture

Priority: Critical » Normal

I cant reproduce this either. Seems to be special to your configuration. Unless you got some clue how/why this happens, there is little we can do for you, I guess. And you shouldnt see any error messages on the page.

Gladiator76’s picture

Hi guys,
any resolution to this issue?
Just started using galllery2 embedded in drupal, and I too have the same issue when i have to scroll to see my gallery, ****in IE ONLY****. FF and safari display the whole site just fine.
It's really puzzling, any help would be greatly appreciated.
here's what i see: http://cuteascake.com/main/?q=gallery&g2_itemId=155

thanks guys...

profix898’s picture

Has anyone tried the latest development version of gallery module for Drupal 5? In contrast to the release version it adds css/js directly to the page's head section (bypassing drupal_set_css/js). That breaks with certain configurations using Lightbox, Thickbox etc. but it solves several css/js issues ...

Gladiator76’s picture

Havne't tried that, However, as an update to my previous post, http://cuteascake.com/main/?q=gallery&g2_itemId=105 displays the gallery properly (without having to scroll down),
What am i missing ?

igorik’s picture

I just now upgrade gallery to drupal 6 and this bug persists.
In Internet explorer 7 it doesn't load my site css.

When I disable gallery.css and gallery_filter.css, then my site css files are loaded.

Igorik
http://www.somvprahe.sk

lachralle’s picture

Still happens in Drupal 6, Gallery 2 and IE 9 on Win 7. The only fix is to enable the CSS optimization for Drupal (Drupal > Admin > Settings > Performance) but that is not useful while working on a Drupal Theme.

For me disabling gallery.css and gallery_filter.css does not fix it fully, the site looks better but not complete. In addition then unwanted Gallery items are visible (like the Logo and additional Title texts).