Why does my shortcode get executed before other content?

Question

I have the following text in a page. As you can see my shortcode is right at the bottom but somehow when the code runs, the output of my shortcode is inserted at the top of

Answer 1

You can use as alternative:

ob_start();
...your code...
return ob_get_clean();

and use without return the html as string.

Answer 2

Your shortcode handler is supposed to return the output to display in place of the shortcode, not output anything itself.

http://codex.wordpress.org/Shortcode_API