CSS (Weebly) blog sidebar, content width, scrollbars - Help, please!

Hi, everyone! I am new here and new to CSS!

CSS transform translate Internet Explorer Issue


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.

CSS animation example

Can anyone yield the correct code for it to behave properly in IE?

Many thanks,


Div with "width: auto;" not auto-expanding & "display: inline;" not working on its own. Why is this happening?

Hi everyone,

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.

Auto-resize a <div> image when there is a second <div> inside the main <div> wrapper

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)????


position in safari

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>

Syndicate content