Very simple, change your browser size in this blog (CSS-trick), then you see the object change their position and make a ordered page. It’s so good, but I like more simple that this. Test this one in Yahoo.com, that’s simple and I want like that.
I want a trick, that make my blog dynamic, that change the object position and restrain blog from horizontal scaling.
Hey farzadina, both your site and yahoo’s have a fixed width and no media queries, and so once the browser is shrunk passed a certain point there is going to be horizontal scrolling. If you shrink yahoo’s site down further then you’ll see the horizontal scrollbar appear. The way around this is to either create a responsive layout which uses media queries to change the width of your wrapper based on window size, or a flexible layout which uses percentages for your widths.
Hey, @Johnnyb, I was just wondering if there are any tutorials and such for building a responsive layout with media queries that you already know of. It would definitely be something I’d like to learn. In the mean time I shall do some searching myself.
I don’t want to have a 960px width wrapper. I think @JohnnyB idea can keep my blog look without changing the width to 960px. But I couldn’t understand his purpose from using those layouts. Please explain more. How can I keep my blog’s theme look and have a correct view in common resolutions?
As my blog’s statistics say, +32% of my viewers have 1024*768 resolution screen, +10% have 1280*800 and +40% have other screen resolution.
That told me I should have a true look in 1024*768 and that’s so important for me.