Reponsive Design - Nybörjarfråga.

Hejsan!

Har precis satt mig in och tittat på Reponsive Design, och det verkar ju onekligen både lätt, och definitivt behövande i dags läge. Hur som helst, jag har en liten fråga, jag har nämligen suttit och hållit på med responsive i några dagar nu, men det går sig inte riktigt som jag vill.

Jag försöker härma mashable.com eller blogg.se för att få DIV:n längst till höger att bli mindre när man drar in sidan, men istället hamnar min DIV på en helt ny rad.

Skulle vara otroligt schysst om någon kunde peka mig i rätt riktigt om vad jag bör läsa på för att få detta att fungera, jag vill inte posta min HTML & CSS här för den ser förj*vligt ut.

Tack på förhand

De använder en kombination av "floating design" (tror jag man kallar det) och responsive. Floating innebär att du kör procentuella mått istället för pixlar. På så vis kommer element att skalas med storleken på fönstret. Kombinera det med media queries för att få dem att bara skalas inom vissa storlekar och lägga sig på egna rader vid andra storlekar.

Finessen är att använda olika CSS för olika enheter.

Simpelt exempel
http://jsfiddle.net/5dfs4atr/

*Liquid design

Tror nog till och med att det var "fluid design" jag tänkte på