Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › General / Announcements › CSS › media query problems

View all replies to this thread

media query problems

Thread began 3/23/2013 1:13 am by CraigR | Last modified 4/03/2013 3:33 am by CraigR | 1940 views | 9 replies

3/23/2013 1:13 amCraigRBeta Tester

media query problems

I’m playing with my first responsive layout, after reading the Ethan Marcotte book, and I’m struggling with the behaviour of my media query, which I hope someone can help me with, as I ‘ve been staring at it for too long and it is doing my head in.
My page has a 2 column layout, set by default at 70% page width, but (should) be only 700px wide above 768px viewing window.

What happens is that the page width resizes to 70% at about 854 pixels (not 768px), and I can’t work out why it is doing this.

rhubarb.forthwebsolutions.com

(username and password: webassist)

For the purposes of the test, I have removed everything from the media query css except the transition below 768px, (no mobile resolutions here yet).

Hoping one of you CSS gurus out there can tell me what I’m missing/doing wrong.

Thanks

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.