Как сделать так, чтобы мой сайт соответствовал любому размеру экрана? ⇐ CSS

[Anonymous]

Я разработал свой сайт в Photoshop, затем использовал инструмент «Срез» и сохранил его для Интернета, я попробовал. [Изменить] Чтобы дать всем немного больше деталей, вот мой код. Это автоматически отформатированный код из опции «Сохранить для Интернета» (я знаю, что он не идеален), однако у меня нет Dreamweaver, поэтому я понятия не имею, как еще это сделать.

Код: Выделить всё

    

Cocina On Market









[img]images/index_01.gif[/img]


[img]images/spacer.gif[/img]




[img]images/index_02.gif[/img]


[url=index.html]
[img]images/logohome.gif[/img]
    border="0" alt="">[/url]

[img]images/index_04.gif[/img]


[img]images/spacer.gif[/img]




[img]images/index_05.gif[/img]


[url=index.html]
[img]images/home.gif[/img]
     alt="">[/url]

[img]images/index_07.gif[/img]


[url=menu.html]
[img]images/menu.gif[/img]
     alt="">[/url]

[img]images/index_09.gif[/img]


[url=contact.html]
[img]images/contact.gif[/img]
     border="0" alt="">[/url]

[img]images/index_11.gif[/img]


[img]images/spacer.gif[/img]




[img]images/index_12.gif[/img]


[img]images/spacer.gif[/img]




[img]images/index_13.gif[/img]


[img]images/index_14.gif[/img]


[img]images/spacer.gif[/img]




[img]images/index_15.gif[/img]


[img]images/spacer.gif[/img]




[img]images/index_16.gif[/img]


[url=index.html]
[img]images/footerhome.gif[/img]
      border="0" alt="">[/url]

[img]images/index_18.gif[/img]


[url=contact.html]
[img]images/footercontact.gif[/img]
      border="0" alt="">[/url]

[img]images/index_20.gif[/img]


[img]images/spacer.gif[/img]




[img]images/index_21.gif[/img]


[url=menu.html]
[img]images/footermenu.gif[/img]
      border="0" alt="">[/url]

[img]images/index_23.gif[/img]


[img]images/spacer.gif[/img]




[img]images/index_24.gif[/img]


[img]images/index_25.gif[/img]


[img]images/index_26.gif[/img]


[img]images/spacer.gif[/img]




[url=https://www.facebook.com/cocinaonmarket]
[img]images/facebook.gif[/img]
      border="0" alt="">[/url]

[img]images/index_28.gif[/img]


[img]images/index_29.gif[/img]


[url=https://www.instagram.com/cocinaonmarket]
[img]images/instagram.gif[/img]
       border="0" alt="">[/url]

[img]images/index_31.gif[/img]


[img]images/index_32.gif[/img]


[url=https://www.twitter.com/cocinaonmarket]
[img]images/twitter.gif[/img]
       border="0" alt="">[/url]

[img]images/index_34.gif[/img]


[img]images/spacer.gif[/img]




[img]images/index_35.gif[/img]


[img]images/index_36.gif[/img]


[img]images/index_37.gif[/img]


[img]images/spacer.gif[/img]







`
body {
padding: 0;
margin: 0;
}

div{
width: 100%;
height: 100%;
min-width: 1000px;
min-height: 1000px;
margin: 0 auto;
}

`
в css безуспешно. есть идеи?
Вот скриншот, чтобы вы могли понять, о чем я говорю

Подробнее здесь: https://stackoverflow.com/questions/532 ... creen-size