Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

CSS issue with IE

Posted on 2011-09-26
4
208 Views
Last Modified: 2012-05-12
So once again CSS let me do something amazing, then IE destroyed my dreams.. I have a website http://patrick-helms.com/ that as you can see the bottom expands. I have the left side flipping the image as well, which works on all browsers EXCEPT IE. On IE it flips but because it is a PNG (or any other transparent capable extention) it gets "weird"

Anyone have a work around for this.. I am not worrying about IE 7 or below and will eventually prompt the user saying those browsers aren't supported..
0
Comment
Question by:Phelms215
  • 2
4 Comments
 
LVL 15

Expert Comment

by:Eyal
ID: 36707842

obj is not defined

 height = obj.clientHeight,

try moving the call to rotate to the end of the html
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 36708231
The javascript starting on line 8 is causing an error and may be stopping the rest of the javascript from running.  It also doesn't appear to do anything so I would get rid of it.  At least for the moment.
0
 
LVL 1

Author Comment

by:Phelms215
ID: 36711022
Javascript wont cause an error with css.
0
 
LVL 15

Accepted Solution

by:
Eyal earned 500 total points
ID: 36714447
the style #bgPic .left: fliph is causing your problem

instead use picture positioning
background-position: 100% 0%;
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question