Wed, 2012-08-15 15:03
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!!
Wed, 2012-08-15 21:29
#1
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?
Wed, 2012-08-15 23:47
#2
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%;
Thu, 2012-08-16 15:36
#3
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!
Sun, 2012-08-19 21:23
#4
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.
Sun, 2012-08-19 23:20
#5
I prefer not to have them.
I prefer not to have them.
They remind me too much of animated gif's