Как уже созданный сайт на Dreamweaver оптимизировать под мобильные устройства ?

Берёте и руками правите до нужного результата.

С метатэг viewport играться? или еще что то есть? просто хочется чтоб и на ПК нормально отображалось и на мобильном устройстве

Dreamweaver - уже CMS?

Аааа! Так вы корову не продадите. Слишком много надо выучить.

Вас тут даже послать некуда при таком уровне знаний.

Поищите сервисы "мобилизации". Помню в древности (лет пять назад), был такой тренд - отдельный сайт который делает мобильную версию вашего сайта. Добавляете пару строчек кода себе, этот код загружает их скрипт и переадресует на соответствующую страницу на их сайте. Для пользователя с мобилки это выглядит как мобильная версия нужного сайта.

Костыль, но в вашем случае иначе никак.

Еще год назад встречал такое на сайтах принесенных мне на переделку, но ссылок не помню. Работало терпимо. Поищите.

https://my.dudamobile.com/ Вот один из сервисов. Я пробовал но с картинками были проблемы в бесплатной версии.

учусь быстро) метатэг viewport прописал, покурил гугл пишут что надо css надо подкрутить

вот такой сейчас, подскажите как его подправить чтоб работал адаптивно сайтик...

table {

border-collapse: collapse;

}

table td {

padding:0px;

}

body, td, th, p, input, select, ul {

font-family: "Times New Roman", Times, serif;

font-size: 14px;

color: #306;

line-height: 130%;

}

img {

border: 0px;

text-align: center;

}

h1 {

font-family:Helios, "Helvetica CY", "Arial Narrow", Helvetica, Arial, sans-serif;

font-size: 22px;

color: #F00;

padding-bottom: 3px;

margin:0pt 0pt 0px;

line-height: normal;

font-weight : normal;

}

h2 {

font-family:Helios,"Helvetica CY","Arial Narrow",Helvetica,Arial,sans-serif;

font-size: 22px;

color: #F00;

padding-bottom: 3px;

margin:0pt 0pt 0px;

line-height: normal;

font-weight : normal;

}

h3 {

font-family:Helios,"Helvetica CY","Arial Narrow",Helvetica,Arial,sans-serif;

font-size: 22px;

color: #F00;

padding-bottom: 3px;

margin:0pt 0pt 0px;

line-height: normal;

font-weight : normal;

text-align: center;

}

h4 {

font-family:Helios,"Helvetica CY","Arial Narrow",Helvetica,Arial,sans-serif;

font-size: 22px;

color: #600;

padding-bottom: 3px;

margin:0pt 0pt 0px;

line-height: normal;

font-weight : normal;

}

a {

color: #0033CC;

text-decoration: none

}

a:hover {

color: #087ad5; text-decoration: underline

}

a:active {

color: #006;

text-decoration: underline

}

.headfon {

background-image: url(ny_fon00.jpg);

background-repeat: repeat-x;

background-position: left;

}

.png

{

//background-image: none ! important;

behavior: url('http://www.spektr-tv.ru/images_new/pngfix.htc');

}

.topmenu{

white-space : nowrap;

}

.topmenu a {

font-family:Helios,"Helvetica CY","Arial Narrow",Helvetica,Arial,sans-serif;

color: #FFFFFF;

text-decoration: none;

display : block;

text-align : center;

font-size: 16px;

/*font-weight : bold;*/

}

.topmenu a:hover {

color: #FFFFFF; text-decoration: none;

}

.topmenu a:active {

color: #FFFFFF; text-decoration: none;

}

.headcont {

font-family: arial, tahoma, helvetica, sans-serif;

font-size: 11px;

color: #616570;

}

.dot {

background-image: url(img60000.gif);

}

.pl18 td{

padding-left: 18px;

}

.pl18 td{

padding-right: 18px;

}

.pt14 {

padding-top: 14px;

}

.mt14 table{

margin-top: 14px;

}

.pl30{

padding-right: 30px;

}

.date {

color: #0033CC;

font-weight: bold;

}

.right {

text-align: right;

}

.left {

text-align: left;

}

.center {

text-align: center;

}

.just{

text-align: justify;

}

.rmenu {

background-color: #fafafa;

border : 1px solid #d7d7d7;

}

.rmenu td {

padding-right: 20px;

padding-top: 20px;

padding-bottom: 20px;

}

.rmenu a {

text-decoration: none;

color: #616570;

margin-left: 40px;

}

.rmenu a:hover, .rmenu a:active {

text-decoration: underline;

color: #087ad5;

}

a.grmenu {

color: #009c31;

font-size: 14px;

margin-left: 20px;

}

.footer{

background-image: url(ny_img90.jpg);

background-repeat: no-repeat;

background-position : right;

background-color: #f0f2f1;

}

.footer td {

font-size: 11px;

}

.banners{

margin-top: 30px;

}

* {

font-size:100.01%;

}

.bodytext td {

padding-left: 0px;

padding-right: 0px;

padding-left: 5px;

padding-right: 5px;

padding-top: 3px;

padding-bottom: 3px;

}

.bodytext thead td {

font-weight: bold;

border-bottom: 1px solid #616570;

}

.bodytext tbody td {

border-bottom: 1px solid #f0f0f0;

}

table.prod p {padding-left: 15px;}

table.prod {padding: 0px 0px 14px 0px; margin: 0px 0px 14px 0px;}

table.prod td, table.prod p.prod_head, table.prod p.prod_price {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px; vertical-align: top;}

p.prod_head {

color:#009C31;

font-family:Arial,sans-serif;

font-size:18px;

font-weight:normal;

line-height:normal;

}

p.prod_price {

color:#009C31;

font-family:Arial,sans-serif;

font-size:18px;

font-weight:normal;

line-height:normal;

}

.nodis {display:none;}

a.thdl {margin-left:60px;}

#meny1 {

color: #FFF;

}

.top.uc.bold h6 {

font-family: "Times New Roman", Times, serif;

font-size: 16px;

text-transform: none;

font-weight: bolder;

text-decoration: none;

font-style: normal;

color: #009;

}

.nov {

text-align: center;

}

.novosti {

text-align: justify;

}

.nov2 {

text-align: center;

}

a:active {

color: #006;

cursor: e-resize;

}

a:active {

color: #F00;

}

efir {

color: #F00;

}

roma.lyah, перевод просто пипец, на половину ингло руссиан, но смысл будет понятен как делать. Ссылка

может есть какой то метод мой css трансформировать в резиновый?

roma.lyah, помимо css важна вся структура. Сходу можно десятка полтора разных нерезиновых моментов вспомнить. Но все не вспомнишь. Чтобы делать резину, нужно думать как резина. ;)