Results 1 to 3 of 3

Thread: Responsive Images display problem when resizing browser´s window

  1. #1
    Join Date
    May 2011
    Posts
    14
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default Responsive Images display problem when resizing browser´s window

    Script: Ultimate Fade-in slideshow (v2.6.1) / Guide to Responsive Ultimate Fade In Slideshow

    http://www.dynamicdrive.com/dynamici...eshowguide.htm

    Trying to apply this wonderful script to the gallery on a responsive web site i´m currently setting up, i cant´t get the pictures to
    display properly as on the demo example shown (http://www.dynamicdrive.com/dynamici...nsivedemo4.htm) when the browser´s
    window starts being resized. For some reason when resized, the div "#gallery" does follow the css @media queries indications
    of changing its height at the provided breaking points but the images start dissapearing into the bottom clipping more and
    more as the breaking points are reached; finally when document is 480px or less and the div gets a height of 320px, it
    only leaves a small visible gap of the displayed images to see.

    The page uses a fluid grid layout css that only responds to the size distribution and should remain unaltered, plus another
    css sheet added that contains all the styles, classes and the css @media queries. Here is the path to the page:

    http://www.fpfproductions.com/Suritaima%20RWD/index.htm

    Could use some help in understanding why it does not displays the images at the center of the container when provided breaking points resizing window browser..

    Thnx a lot!
    Last edited by Beverleyh; 05-28-2016 at 06:02 AM. Reason: Formatting

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    If I were you, I'd strip it back to just the two scripts you're trying to combine. Once you've got a very simple web page setup with the two scripts working together, having ascertained if they *do* work together, start adding back blocks of CSS and markup, and additional scripts, testing thoroughly between additions.

    During the inclusion of your other resources, you'll probably locate the part that's causing the problem and then you'll be in a better position to tackle the issue.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. The Following User Says Thank You to Beverleyh For This Useful Post:

    erguebitox (06-13-2016)

  4. #3
    Join Date
    May 2011
    Posts
    14
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    Hello Beverleyh,

    Thank u very much for your assistance & advice. In deed, too many style sheets working together was the main reason. Narrowed the whole thing into a simple layout and just one script and now runs perfect!

    Best regards

Similar Threads

  1. Automatically resizing a fade-in slide show to fit the browser window
    By dadantes in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-02-2011, 04:32 AM
  2. Replies: 0
    Last Post: 10-07-2010, 06:08 PM
  3. Replies: 2
    Last Post: 04-04-2009, 01:39 AM
  4. resizing browser window...
    By remp in forum PHP
    Replies: 3
    Last Post: 10-12-2007, 08:54 PM
  5. Browser window resizing
    By viktor in forum HTML
    Replies: 4
    Last Post: 08-13-2006, 04:09 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •