Тема: Вопрос Подкрутка шаблона
Показать сообщение отдельно
Старый 20.06.2011, 13:19 Вверх   #14
Местный житель
 
Аватар для Max2011
Max2011 вне форума
Доп. информация
По умолчанию

Вроде мне удалось подогнать весь шаблон (шапку, левый блок, футер) под разные разрешения экрана, только вот остался на месте "Центральный блок" (текст) так как его код находится не в "styles.css" а в "main.css " и конечно я не знаю что и где к нему нужно прописать....
вот пример экран 1152х864 - все блоки стоят ровно
http://s42.radikal.ru/i098/1106/00/3949c0b29d6a.jpg
пример экран 1280х1024 - центр. блок остался на месте
http://s47.radikal.ru/i118/1106/30/270335e2b8c1.jpg
вот "main.css "
Нажми для просмотра

.midblock { border: 1px solid #e4e3df; width: 715px; margin: 0 0 6px 0; background-color: #fff; }
.midblock .dtop, .midblock .dbtm { position: relative; z-index: 34; margin: -1px -1px 0 -1px; width: 717px; height: 9px; line-height: 1px; font-size: 1px; overflow: hidden; background: url("../images/midblock.png") no-repeat 0 0; }
.midblock .dbtm { margin: 0 -1px -1px -1px; height: 11px; background-position: 0 -9px; }
.fullstory .dbtm { background: #f5f5f5 url("../images/fullstorybtm.png") no-repeat 0 100%; }

.midblock .btags { margin-left: 14px; width: 440px; }
.midblock .btags h3 { font-size: 1.35em; font-weight: bold; color: #263142; }
.midblock .adwt { width: 240px; padding-right: 11px; }

.midblock .btoplinks { margin-left: 9px; width: 340px; }
.midblock .bnewlinks { padding-right: 9px; width: 340px; }

.midblock .btoplinks h3, .midblock .bnewlinks h3 { font-size: 1.1em; font-weight: bold; color: #263142; height: 29px; padding-left: 30px; line-height: 28px; background: url("../images/topnewlinks.png") no-repeat; margin: 0 0 5px 0; }
.midblock .btoplinks h3 { background-position: 0 -29px; }
.midblock .btoplinks .dcont, .midblock .bnewlinks .dcont { padding-left: 8px; }

.midblock .vsep { width: 100%; background: url("../images/vseptop.png") no-repeat 50% 0; }
.midblock .vsep .vsep { background: url("../images/vsepbtm.png") no-repeat 50% 100%; }

.midbanner { margin: 0 0 6px 1px; padding-bottom: 9px; width: 715px; background: #cecece url("../images/midbanner_btm.png") no-repeat 0 100%; }
.midbanner .dtop { text-align: center; padding-top: 9px; background: #cecece url("../images/midbanner_top.png") no-repeat 0 0; }

Последний раз редактировалось Max2011; 20.06.2011 в 13:25..
  Ответить с цитированием
 
Время генерации страницы 0.04012 секунды с 10 запросами