Привет всем.Начал пробовать верстать свой первый шаблон.Столкнулся с несколькими проблемами. 1)Блок меню не становится на своё место как на скрине 1. 2)При изменении масштаба мой шаблон растягивается как на скин 2(а другие не растягиваются как на скин 3) 3)Есть большая просьба посмотреть коды моего шаблона может что то не так сделал или неправильные теги испрользовал. Сайт на катором шаблон http://proba-12345.ucoz.ru/ Cкрине 1 Cкрине 2 Cкрине 3 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Название</title> <link href="Style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="logo-blog"> <div class="logo"></div> <div class="form-vhod"> $GLOBAL_FORMVHOD$ </div> <div class="menu"> <ul> <li class="menuli"><a href="#">Главная</a></li> <li class="menuli"><a href="#">Портфолио</a></li> <li class="menuli"><a href="#">Покупка</a></li> <li class="menuli"><a href="#">Услуги</a></li> <li class="menuli"><a href="#">FAQ</a></li> </div> </div> <div class="content"> <div class="leftbottom"><a href="#"><img src="img/buttoleft.png" width="95" height="304"></a></div> <div class="centrcontent"><div class="centrverh"></div><div class="centrtop"></div><div class="centniz"></div></div> <div class="rightbottom"><a href="#"><img src="img/rightbottom.png" width="95" height="304"></a></div> </div> <div class="slaid"> <!--Вставить слайд--> </div> <div class="futter"> Web/2011<br> $POWERED_BY$ </div> </body> </html> Css body { background-image:url(img/fon.jpg); width:auto; margin:0px; } .logo-blog { height:300px; width:auto; } .logo { background-image:url(img/logo.png); height:66px; width:447px; margin-top:63px; margin-left:60px; position:absolute; } .form-vhod { background-image:url(img/fonforma.png); height:178px; width:335px; float:right; } .formid { height:25px; width:230px; font-size:18px; margin-left:90px; margin-top:50px; } .formpass { height:25px; width:230px; font-size:18px; margin-left:90px; margin-top:14px; } .buttom { background: url(img/bottum.jpg) no-repeat;border:medium none;cursor:pointer;height: 32px;width:98px; margin-left:228px; margin-top:10px; } .menu { background-image:url(img/fonmenu.png); height:68px; width:674px; background-repeat:no-repeat; margin-top:48px; float:right; text-shadow:-1px 0px black, 0px -1px black, 1px 0px black, 0px 1px black, -1px -1px black, 1px 1px black, -1px 1px black, 1px -1px black } .menuli { float:left; list-style-type:none; margin-left:30px; margin-top:5px; font-famely:Tahoma; font-size:25px; font-style:italic; font-weight:bold; } a:link { color:#fff; text-decoration:none } a:visited { color:#fff; text-decoration:none } a:hover { color:#fae42f; text-decoration:none } a:active { color:#fae42f; text-decoration:none } .content { height:auto; width:auto; } .leftbottom { height:304px; width:95px; margin-top:100px; position:absolute; margin-left:-1px; } .centrcontent { height:auto; width:896px; margin-left:180px; margin-top:35px; position:absolute; } .centrverh { background-image:url(img/centrverh.png); height:34px; width:896px; } .centrtop { background-image:url(img/centrtop.png); height:1px; width:896px; } .centniz { background-image:url(img/centniz.png); height:40px; width:896px; } .rightbottom { height:304px; width:95px; margin-top:100px; float:right; margin-right:-1px; } .slaid { height:214px; width:auto; background-image:url(img/Slaidfon.png); margin-top:480px; } .futter { height:76px; width:auto; background-image:url(img/futter.png); margin-top:50px; } .form { padding-top:48px; padding-left:100px; font-family:Tahoma,Verdana; font-size:25px; font-weight:bold; font-style:italic; color:#fae42f; } .form1 { padding-top:15px; padding-left:100px; font-family:Tahoma,Verdana; font-size:25px; font-weight:bold; font-style:italic; color:#fae42f; }
