If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Sep 2010
    Member #
    [COLOR=rgb(20, 20, 20)]I'm trying to fix a cross browser compatibility issue involving IE7.

    My site, which was built using the Wordpress CMS, includes a photo carousel script near the footer. On each side of the rotating photos are arrow buttons which allow a user to scroll through photos from either right to left.

    The script works fine, but in IE7, the arrow buttons appear about 200px to the left...with the left button near the left margin and the right button in the middle of the scrolling photos. The photos remain in their proper location in all browsers.

    The arrow placement is generated by javascript. I've been unable to locate any div or class that I can style for IE7. And while I can adjust placement in the javascript, that will impact the site across all browsers.

    Any thoughts?

    Here's the script:


    <script type="text/javascript">

    galleryid: 'mygallery', //id of carousel DIV
    beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panel', //class of panel DIVs each holding content
    autostep: {enable:true, moveby:1, pause:3000},
    panelbehavior: {speed:500, wraparound:true, wrapbehavior:'slide', persist:true},
    defaultbuttons: {enable: true, moveby: 1, leftnav: ['', -100, 30], rightnav: ['', -30, 30]},
    statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']


    Note: when inspecting all the elements in Chrome, I note that the following images appear in the body. These are the images that are generated by the javascript.

    <img src="" style="z-index: 50; position: absolute; left: 582px; top: 881px; cursor: pointer; " title="Back 1 panels">

    <img src="" style="z-index: 50; position: absolute; left: 1252px; top: 881px; cursor: pointer; " title="Forward 1 panels">

    I've attempted to style "Back 1 panels", but I can't get the images to accept any of the code.


  3. #2
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Not from USA
    Member #
    2783 times
    Seems okay to me, dude. Did you fix it already?

    The only thing I see in IE7 and 8 are a couple of Javascript errors.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 04:35 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: