Simple CSS positioning

I need to fix two elements on a page.
The first element is an .svg image, this one need to be in the middle of the page, always!
The second element is a text line, this one need to be in the bottom/center of the page, always!

The page is ready, but the second element is in the wrong position, it is at the top of the page, but I want it at the bottom.

That's what I've done...

Download link

Change position custom css wordpress site

Hi all,

Im pretty new to css, so I hope you can help.

On this website: I would like to change the position of the "Location" and "km" bars. I was them to be on the same row. The Location-bar should be about 80% of the width and the km bar about 20%, with a little bit of space between them.

Someone a idea of what custom css could fix this?

Thanks for you time and help!

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:

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.

Syndicate content