CODEWITHSUNDEEP
css
Teodoris
Teodoris

Reputation: 109

Different screen resolution in css

Hello everyone I'm new at CSS. My question is how can I make my design compatible with different screen resolution. By the way I have checked wc3 validator there is no error. I define a div tag which is for displaying my page with different resolution here is my tag:

.page {
    width: 964px;
    margin-left: auto;
    margin-right: auto;
    height:990px;
    background-image:url(../images/shadow.png);
    background-repeat:repeat-y;
}

I mean when I look my website with 17" screen, my page is appeared different than 19" screen

Upvotes: 0

Views: 230

Answers (2)

Murali Murugesan
Murali Murugesan

Reputation: 22619

You can achive with CSS 3 media queries

Also check Responsive Design and Techniques for media queries

Upvotes: 2

Ryan McDonough
Ryan McDonough

Reputation: 10012

You will want to search for Responsive Designs CSS, you can either make the design use all percentage amounts for sizing, or create style sheets for specific resolutions.

Have a look at:

Responsive Wire Frames

Upvotes: 3

Related Questions