5 replies [Last post]
kymetro9999
kymetro9999's picture
Offline
newbie
Frankfort, KY
Last seen: 4 years 13 weeks ago
Frankfort, KY
Timezone: GMT-4
Joined: 2012-08-15
Posts: 4
Points: 5

Hi there,

I am in over my head with CSS and hope you can help me. Website is here: http://driveonwood.com. It's a Drupal site running Corolla from Adaptivethemes.

I'm happy with the look overall. I'm really only having trouble with the front page. I used Panels to create a sidebar on the right side, fluid width, but apparently only calculates sidebar width on initial page load. Still, this works great on Chrome - but not on IE9 or Firefox.

I thought all the modern browsers were pretty much the same on CSS support. Does this mean I've found a Chrome bug, or an inconsistency with the HTML5 standard? Any clues here? Just asking you to load the site in all three browsers and have a look-see. Resize it and reload at the new size.

Panels might be a bad idea for fluid width designs. Anyone know more about how Panels works or alternatives to get the desired layout?

Any tips you can provide are much appreciated. Thanks in advance!!

kymetro9999
kymetro9999's picture
Offline
newbie
Frankfort, KY
Last seen: 4 years 13 weeks ago
Frankfort, KY
Timezone: GMT-4
Joined: 2012-08-15
Posts: 4
Points: 5

After further looking, it's

After further looking, it's not Panels at all... Here's another page which displays differently, http://driveonwood.com/classifieds

Once again Chrome resizes the image while Firefox and IE do not. Why?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi kymetro9999, Drupal is

Hi kymetro9999,
Drupal is well known for complex markup and styles.
Instead of using max-width:100%; try just width:100%;

kymetro9999
kymetro9999's picture
Offline
newbie
Frankfort, KY
Last seen: 4 years 13 weeks ago
Frankfort, KY
Timezone: GMT-4
Joined: 2012-08-15
Posts: 4
Points: 5

So, another piece of the

So, another piece of the puzzle, answering my question why it only resizes on page load. Simple test; just going around the site, seeing what pages are locked and which are fluid. Led me straight to the answer - this is actually jQuery cycle's fault. It calculates the size of the slide on load, adding styles and overriding the fluid layout in the process. I turned off the slideshow and it works fine, across all browsers. Since slideshow is critical to my front page, I'm looking at ways to stop this jQuery behavior. Found a solution here: http://stackoverflow.com/questions/8783548/stop-jquery-cycle-from-adjusting-height-and-width-of-containers and have yet to try it.

Hopefully my troubles will help someone else later!

kymetro9999
kymetro9999's picture
Offline
newbie
Frankfort, KY
Last seen: 4 years 13 weeks ago
Frankfort, KY
Timezone: GMT-4
Joined: 2012-08-15
Posts: 4
Points: 5

Another update; the module

Another update; the module providing jQuery Cycle is called Views Slideshow, and is apparently not designed to be fluid width.

There are alternative slideshow modules which I may pursue, but I'm kinda leaning towards turning off the slideshow altogether. Anyone here have general preferences for/against content slideshows? Not a picture gallery, I mean items of interest, cycling through a single spot on the page.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

I prefer not to have them.

I prefer not to have them.
They remind me too much of animated gif's