I hope its allright, because this is not regarding any special topic or exercise on this page.
I just finishend the "make a website" course where you recreate the air bnb website and now i got myself Microsoft expression and just tried to create a simple website, without all the trainingweels, codecademy always offers.
After hours I had a very simple website using a header and a jumbotron, just like in the "make a website" course. Below it i just wanted to add a little supporting content. Nothing crazy, just two pictures, one floating right, the other floating left and respectively right or left of the pictures i added divs, with a heading, some text and a background color.
I did nothing fancy with it, my css mainly is used for text coloring or size and also to do some padding.
As I said, basicly its just like the air bnb website you recreate in the "make a website" exercise. It also looks as it should when i hit preview in Microsoft Expression WEB. But when i save it and open it up in chrome, the divs containing the text are not in line with the pictures any more. Also when i scale the browser window bigger or smaller, the text just flows out of the div-boxes and basicly my overall layout goes crazy anyway.
I never had that problem during my html/css course and also never had any of those issues in the "create a website" exercise.
So my question basicly is: how do I enshure that my layout is displayed propperly, no matter which browser I use? And more importantly, how do i prevent my layout ging crazy when scaling the browser window? And I guess "scalable" websites are another step down the line for more experienced web developers, but for me, just for the beginning it would be helpfull if the website i create would not be scaling at all and everything would just stay there as it is...