Здравствуйте, это мой первый опыт вёрстки. В процессе возникли такие вопросы - 1.Как можно разместить чернильницу в хедере? Файл .psd у меня не скачался, поэтому все полностью в бекграунд убрать не получить, т.к вырезать не смогу. 2.как в IE лупу разместить над хедером? 3.Почему-то шрифт Монотайп Корсива у меня не отображаеться, его нужно качать отдельно? И конечно кто какие ошибки увидит и скажет об этом - буду рад ) Спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Раира</title> <style type="text/css"> html,body{margin: 0;height: 100%;} body{font-family: Arial,Monotype Corsiva; font-size: 1.1em;color: #333333;font-weight: 500;} #wrapper{height: auto !important;height: 100%;min-height: 100%;min-width: 900px;} #header{z-index: 0;background-repeat: no-repeat;} #content{background-color:#e2e8e4;overflow: hidden;width: 100%;} #left{float: left; width: 200px;padding: 10px 0 0 30px;} #right{float: right; width: 250px; padding: 10px 20px 0 40px;color: #7f7f7f;} #center{margin: 0 250px 0 200px; padding: 10px 20px 0 50px;} #footer{height: 100px; background-color: #8d0101; background:url(raira/backfooter.gif) repeat-x;font-size: 0.7em;font-weight: 600;color: #d5b3b3;} #footerright,#footerleft{padding: 10px 0 0 30px;} #footerleft{float: left;width: 200px;} #footerright{margin-left: 220px;} #lupa{float: right; margin: -95px 0 0 0;position: absolute;right: -1px;} #rightmargintop{margin-top: 47px;} .adrfootleft{color: #d5b3b3;text-decoration: none;} .leftlinkarea{font-weight: 600; padding: 10px;} .headertop{height: 128px;width: 100%;background: url(raira/backheadup.gif);color: #900202;} .headertop p {font-size: 1.5em;} .headercenter{height: 148px;width: 100%;background-color: #a60000;} .headercenterlogo{padding: 10px 0 0 50px;} .headerbottom{height: 125px;width: 100%;} .rightfont{font-size: 0.8em;font-weight: 600;} .redline{color:#8d0101;font-size: 1.4em;} .redlinecurs,.redlinecurstop{color: #8d0101;font-family:Monotype Corsiva;font-size: 1.5em;} .redlinecurstop{padding: 0.5em 0 0 0;} .centrlist{list-style-image: url('raira/Butterfly.gif');} .headertoppadding{padding: 1em;} a{color:#8d0101;font-weight: 400;} a:active{color:#323232;font-weight: 600;} a.news{text-decoration: none;color: #7f7f7f;font-size: 0.8em;line-height: 1.2em;font-weight: 600;} </style> </head> <body> <div id="wrapper"> <div id="header"> <div class="headertop"><div align="center" class="headertoppadding">Круглосуточная консультация по телефону:<p>(495)123-45-67</p></div> </div> <div class="headercenter"><div class="headercenterlogo" align="center"><a href="#"><img src="raira/logo.gif" alt="Раира" border="0"></a></div> </div> <div class="headerbottom"><p align="center" class="redlinecurs">Страхование</p><div align="center"><a href="#" class="leftlinkarea">Автомобили</a><a href="#" class="leftlinkarea">Имущество</a><a href="#" class="leftlinkarea">Здоровье</a></div> </div> </div> <div id="content"> <div id="lupa"><img src="raira/lupa.gif" alt=""></div> <div id="left"><p><a class="news" href="#">Очень интересные новости нашей компании и нашего сайта. Не теряя времени пройдите по ссылке.</a></p><p><a class="news" href="#">Очень интересные новости нашей компании и нашего сайта. Не теряя времени пройдите по ссылке.</a></p><br><table align="right" cellpadding="10"><tr align="right"><td><a class="leftlinkarea" href="#">ОСАГО</a></td></tr><tr align="right"><td><a class="leftlinkarea" href="#">ДСАГО</a></td></tr><tr align="right"><td><a class="leftlinkarea" href="#">КАСКО</a></td></tr><tr align="right"><td><a class="leftlinkarea" href="#">Оценка ущерба</a></td></tr></table> </div> <div id="right"><p id="rightmargintop"><span class="rightfont">Согласно Лицензии на оценочную деятельность №010257 от 24.11.2004г., мы оказываем следующие</span> <a href="#">услуги по оценке и экспертизе.</a></p><p><span class="redlinecurs">Скидки</span><br><span class="rightfont">каждому посетителю сайта на </span><a href="#">КАСКО</a><span class="rightfont"> и </span><a href="#">ОСАГО</a><span class="rightfont">(до 20%)</span></p><br><p><span class="redlinecurs">Наш адрес</span><br><span class="rightfont">Москва, метро Волжская (5 минут пешком) ул. Шкулёва, дом 17.</span></p><p><span class="rightfont">Посмотрите </span><a href="#">схему проезда</a><span class="rightfont"> и приезжайте в гости.</span></p> </div> <div id="center"><p><span class="redline">ООО "Раира"</span> является официальным представителем известнейших и надёжных страховых компаний Росии, заслуживших доверие и признание клиентов:<p><img src="raira/Rosgosstrah.gif" alt="РОСГОССТРАХ"> <img src="raira/Asto.gif" alt="АСТО"> <img src="raira/Soglasie.gif" alt="СОГЛАСИЕ"></p><span class="redline">Мы рады предложить Вам:</span><ul class="centrlist"><li class="centrlist">все возможные виды страхования</li><li>наиболее выгодные условия страховой сделки</li><li>самую подробную информацию о страховых продуктах и страховании вообще</li></ul><p>Если у Вас нет возможности приехать в наш офис наши агенты приедут в удобное для Вас время и место.</p><p>Помимо страхования ООО "Раира" занимается экспертизой и оценочной деятельностью.</p> </div> </div> <div class="clear"></div> <div id="footer"><div id="footerleft">Раира,2007 год.<p>Адрес: Москва,м. Волжская, улица Улица, дом 3, офис 231 <a class="adrfootleft" href="#">(схема проезда)</a></p></div><div id="footerright"> Телефоны:<br>(495)432-34-54<p>Факс:(433) 434-43-34<br>E-mail: raira@raira.ru</p></div> </div> </div> </body> </html>
