Error Correction

The vertical pipes were added in transmission and should be deleted if you use this...


On 8/29/11 11:17 AM, John wrote:
Is it possible to insert a style into my documents that would show a border of dimensions I choose, like 1024x768, which would be visible, but would affect/interfere with nothing else?



John



You might try putting media queries at the bottom of your style sheet-- something like below. Change #foo to the name of your outermost wrapper Open the page in your widest window and slowly drag it to 600px-- the border color will tell you what the window size is. Obviously, if your layout is "fixed-width" you'll start to draw a horizontal scrollbar at that width.

|@media screen and (max-width: 1280px) {|#foo{border: 1px solid red;}}
|@media screen and (max-width: 1152px)||{|#foo{border: 1px solid green;}}
|@media screen and (max-width: 1024)||{|#foo{border: 1px solid blue;}}
|@media screen and (max-width: 800px)||||{|#foo{border: 1px solid yellowd;}} |@media screen and (max-width: 768px)||{|#foo{border: 1px solid fuchsia;}}
|@media screen and (max-width: 640px) {|#foo{border: 1px solid teal;}}
|@media screen and (max-width: 600px) {|#foo{border: 1px solid red;}}

Best,
Maruska

Russia





______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to