Hi, everyone! I am new here and new to CSS!
Having an issue with translating (animation) a png photo object across the screen in IE. I speculate that it may be something to do with IE object origin positioning and how percentages are handled (or not as the case may be).
Here is a link to a very simple test page which works in FF and chrome but not IE.
Can anyone yield the correct code for it to behave properly in IE?
Div with "width: auto;" not auto-expanding & "display: inline;" not working on its own. Why is this happening?
Can anyone tell me why my div is not auto expanding to fit its contents, even though I set "width: auto;" ?
Also, why does my "display: inline;" not work?
You can see what I mean here: http://www.jasonwangart2.blogspot.ca/
Question 1: I set the div-with-thick-red-dashed-border to "width: auto;", but the inner divs are wrapping for some reason, and the div-with-thick-red-dashed-border is not expanding horizontally to contain more divs.
I have a .well.carousel and inside that I have two , one is the image and the other is the title text. I managed to auto-resize the image, but when I reduce the height of my well.carousel then the title text falls out of the .well.carousel. How do I get the image to resize such that the title text also stays enclosed within .well.carousel when my height is 150px (see Fiddle)????
My goal is to make centered and responsive 3 elements in a div. I did in Firefox, Chrome, IE, Opera but not in Safari.
This is the link:
This is the html:
<div class="socials"> <p>If you found this article useful please share it</p>