Results 1 to 3 of 3

Thread: CSS margin/position issue in IE

  1. #1
    Join Date
    Dec 2004
    Posts
    83
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS margin/position issue in IE

    I'm having a hard time trying to identify CSS issue that's causing a problem with flexslider in IE. All other browsers work, but IE. For some reason the slide li is being pushed to the right. It has a margin-right: -100% set, but removing it breaks slide transition. For some reason IE uses -100% to pull slides way to the right.

    Flexslider is a slideshow, built by WooThemes. http://www.woothemes.com/flexslider/

    The demo works fine in IE, but my setup has that IE issue. I spent hours trying to figure it out, but I can't find anything wrong with it.

    Here's the demo:
    http://themeforest.net/item/skydream...review/4333137

    Here's live version:
    http://www.trestlecm.com/

    I've tried many things to correct an error, but nothing is working.

    Would really appreciate help pin pointing issue causing this.

    Attached is a screenshot of issue in IE.

    Click image for larger version. 

Name:	IE-issue-screenshot.jpg 
Views:	172 
Size:	15.3 KB 
ID:	5079
    Last edited by viktor; 06-05-2013 at 06:12 PM. Reason: error fix

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,946
    Thanks
    16
    Thanked 304 Times in 303 Posts
    Blog Entries
    11

    Default

    What is flexslider? Please provide links to all source script demo pages so we can compare.

    Also, have you tried using the developer toolbar in IE? Press F12, then click the arrow-head icon on the left of the HTML tab. This will allow you to inspect elements by clicking on them - here you can quickly identify their styles that you can edit live in the browser.
    Last edited by Beverleyh; 06-05-2013 at 05:48 PM. Reason: IE dev toolbar advice added
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    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 |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Dec 2004
    Posts
    83
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    What is flexslider? Please provide links to all source script demo pages so we can compare.

    Also, have you tried using the developer toolbar in IE? Press F12, then click the arrow-head icon on the left of the HTML tab. This will allow you to inspect elements by clicking on them - here you can quickly identify their styles that you can edit live in the browser.
    Thanks, I've updated my answer with more info and screenshot. Yes, I do know about dev tools and firebug. I've tried many things, but can't figure out what's causing it.

Similar Threads

  1. Replies: 1
    Last Post: 07-07-2010, 06:28 AM
  2. margin/alignment issue in ie6
    By Irishcash33 in forum CSS
    Replies: 4
    Last Post: 07-29-2009, 10:47 PM
  3. ie6 issue padding or margin- headache
    By 5starrebel in forum CSS
    Replies: 1
    Last Post: 01-22-2008, 09:46 AM
  4. Replies: 6
    Last Post: 12-14-2007, 08:28 PM
  5. Can't position border margin.
    By Naild in forum HTML
    Replies: 7
    Last Post: 11-30-2005, 04:45 PM

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
  •