[Помогите] Найти ошибку в коде

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем delamur, 26 мар 2014.

Статус темы:
Закрыта.
  1. delamur

    delamur

    Регистрация:
    26 мар 2014
    Сообщения:
    11
    Симпатии:
    2
    Доброго времени суток коллеги!
    Некоторое время занимался сайтами на WP, теперь пришла нужда перейти на Битрикс и соответственно ручками верстать макет.
    Проблема следующая:
    1. Станица не хочет вставать по центру (на широком экране).
    2. При масштабировании макет "плывет". Особо сильно сказывается на подвале и меню.
    Помогите разобраться.

    Верстка:
    Код:
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Благовещенский Кафедральный Собор / Воронеж</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script language="JavaScript">
    <!--
    dayarray=new Array("воскресенье","понедельник","вторник","среда","четверг","пятница","суббота")
    montharray=new Array ("января","февраля","марта","апреля","мая","июня","июля","августа","сентября", "октября","ноября","декабря")
    ndata=new Date();
    day=dayarray[ndata.getDay()];
    month=montharray[ndata.getMonth()];
    date=ndata.getDate();
    year=ndata.getFullYear();
    hours = ndata.getHours();
    mins = ndata.getMinutes();
    secs = ndata.getSeconds();
    if (hours < 10) {hours = "0" + hours }
    if (mins < 10) {mins = "0" + mins }
    if (secs < 10) {secs = "0" + secs }
    datastr=("Сегодня "+ date +" "+ month +" "+year+" года, "+day+", "+ hours + ":" + mins )
    -->
    </script>
    <script type="text/javascript" src="js/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/tms-0.4.1.js"></script>
    <script type="text/javascript" src="js/demo.js"></script>
    <script src="js/highlight.js"></script>
    <script src="js/html5.js"></script>
    <script src="js/html-xml.js"></script>
    <script src="js/css.js"></script>
    <script src="js/javascript.js"></script>
    <script>
    hljs.tabReplace = '    ';
    hljs.initHighlightingOnLoad();
    </script>
    </head>
    <body>
    <div class="container"><!--Выравнивающий контейнер-->
    <!--Начало блока с датой, временем, логотипом и контактами -->
    <table>
        <tr>
            <th colspan="2" height="15px" width="100%" bgcolor="#EDEDED">
            <div class="today">
                <!--Скрипт вывода даты и времени-->
                <script language="JavaScript">
                <!--
                document.write(datastr);
                -->
                </script>
            </div>
            </th>
        </tr>
        <tr>
            <td width="900" height="250">
                <img src="images/logo.png" alt="Благовещенский Кафедральный Собор в Воронеже">
            </td>
            <td width="340px" height="250px">
            <div class="kontakt">
                <div class="adress">
                    <b> Русская Православная Церковь<br/>
                        Московский Патриархат<br/>
                        Воронежская митрополия<br/>
                        Воронежская и Лискинская епархия<br/>
                        Благовещенский Кафедральный Собор</b><br/><br/>
                        пр. Революции 18а, ост. Первомайский сквер<br/>
                        тел: 253-18-35<br/><br/>
                        Экскурсии и питание<br/>
                        8-950-757-15-86 (Константин Дикарев)<br/>
                </div>
            </div>
            </td>
         </tr>
    </table>
    <!--Конец блока с датой, временем, логотипом и контактами -->
    
    <!--Начало блока с навигацией-->
    <table>
        <tr>
            <td width="100%">
            <nav>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            <li><a href="#">Раздел</a></li>
            </nav>
            </td>
        </tr>
    </table>
    <!--Конец блока с навигацией-->
    
    <!--Начало контентного блока-->
    <table width="1250" height="auto">
        <tr>
    <!--Начало блока со слайдером-->
            <td width="600px" height="350px" valign="top">
                <div id="slide">
                    <div class="slider">
                        <ul class="items">
                        <li><img src="images/slide-3.jpg" alt="" />
                        <div class="banner"><span>«Память совершаем всех от века усопших православных христиан, отец и братий наших» </span></div></li>
                        <li><img src="images/slide-4.jpg" alt="" />
                        <div class="banner"><span>Вселенская Родительская (мясопустная) суббота</span></div></li>
                        <li><img src="images/slide-1.jpg" alt="" />
                        <div class="banner"><span>Всенощное бдение в канун Недели мясопустной, о Страшном Суде</span></div></li>
                        <li><img src="images/slide-2.jpg" alt="" />
                        <div class="banner"><span>В неделю о Страшном суде митрополит Воронежский и Лискинский Сергий совершил Божественную литургию в Благовещенском кафедральном соборе г. Воронеж </span></div></li>
                        <li><img src="images/slide-5.jpg" alt="" />
                        <div class="banner"><span>Вечная память защитникам Отечества.</span></div></li>
                        </ul>
                    </div>   
                </div>
    <!--Конец блока со слайдером-->
    <div class="it_asist"></div>
    <!--Начало блока WORK AREA-->
    <article>
    <h2>Последние новости</h2>
    
    <h1>Очень рыбная новость от разработчиков!</h1>
    <div  class="datanews">25 марта 2014 года</div>
    <img src="images/slide-5.jpg" width="250px">
    <p>
    Каждый веб-разработчик знает, что такое текст-«рыба». Текст этот, несмотря на название, не имеет никакого отношения к обитателям водоемов. Используется он веб-дизайнерами для вставки на интернет-страницы и демонстрации внешнего вида контента, просмотра шрифтов, абзацев, отступов и т.д. Так как цель применения такого текста исключительно демонстрационная, то и смысловую нагрузку ему нести совсем необязательно. Более того, нечитабельность текста сыграет на руку при оценке качества восприятия макета.
    <br />
    Самым известным «рыбным» текстом является знаменитый Lorem ipsum. Считается, что впервые его применили в книгопечатании еще в XVI веке. Своим появлением Lorem ipsum обязан древнеримскому философу Цицерону, ведь именно из его трактата «О пределах добра и зла» средневековый книгопечатник вырвал отдельные фразы и слова, получив текст-«рыбу», широко используемый и по сей день. Конечно, возникают некоторые вопросы, связанные с использованием Lorem ipsum на сайтах и проектах, ориентированных на кириллический контент – написание символов на латыни и на кириллице значительно различается.</p>
    <ul class="buttons">
    <li>
    <a href="#" class="button gray">Читать полностью</a>
    </li>
    </ul>
    <br /><br />
    
    <h1>Очень рыбная новость от разработчиков!</h1>
    <div  class="datanews">25 марта 2014 года</div>
    <img src="images/slide-5.jpg" width="250px">
    <p>
    Каждый веб-разработчик знает, что такое текст-«рыба». Текст этот, несмотря на название, не имеет никакого отношения к обитателям водоемов. Используется он веб-дизайнерами для вставки на интернет-страницы и демонстрации внешнего вида контента, просмотра шрифтов, абзацев, отступов и т.д. Так как цель применения такого текста исключительно демонстрационная, то и смысловую нагрузку ему нести совсем необязательно. Более того, нечитабельность текста сыграет на руку при оценке качества восприятия макета.
    <br />
    Самым известным «рыбным» текстом является знаменитый Lorem ipsum. Считается, что впервые его применили в книгопечатании еще в XVI веке. Своим появлением Lorem ipsum обязан древнеримскому философу Цицерону, ведь именно из его трактата «О пределах добра и зла» средневековый книгопечатник вырвал отдельные фразы и слова, получив текст-«рыбу», широко используемый и по сей день. Конечно, возникают некоторые вопросы, связанные с использованием Lorem ipsum на сайтах и проектах, ориентированных на кириллический контент – написание символов на латыни и на кириллице значительно различается.</p>
    <ul class="buttons">
    <li>
    <a href="#" class="button gray">Читать полностью</a>
    </li>
    </ul>
    <br /><br />
    </article>
    <div class="it_asist"></div>
    <!--Начало блока WORK AREA-->
            </td>
                <td valign="top">
                    <aside class="center">
                    <h1>Анонсы богослужений</h1>
                    <p>И даже с языками, использующими латинский алфавит, могут возникнуть небольшие проблемы: в различных языках те или иные буквы встречаются с разной частотой, имеется разница в длине наиболее распространенных                                    слов. Отсюда напрашивается вывод, что все же лучше использовать в качестве «рыбы» текст на том языке, который планируется использовать при запуске проекта. Сегодня существует несколько вариантов Lorem ipsum,                   кроме того, есть специальные генераторы, создающие собственные варианты текста на основе оригинального трактата, благодаря чему появляется возможность получить более длинный неповторяющийся набор слов.</p>
                    <h1>Новости митрополии</h1>
                    <ul>
                    <li><a href="#">Исключением лицемерия и коммерция снова становятся неотъемлемой частью жизни в наших. Дать людям шанс подняться по карьерной лестнице. Если вернуть деньги инвесторам и сплетнями, прежде чем                обнародуются перед публикой других.</a></li>
                    <li><a href="#">Исключением лицемерия и коммерция снова становятся неотъемлемой частью жизни в наших. Дать людям шанс подняться по карьерной лестнице. Если вернуть деньги инвесторам и сплетнями, прежде чем                обнародуются перед публикой других.</a></li>
                    <li><a href="#">Исключением лицемерия и коммерция снова становятся неотъемлемой частью жизни в наших. Дать людям шанс подняться по карьерной лестнице. Если вернуть деньги инвесторам и сплетнями, прежде чем                обнародуются перед публикой других.</a></li>
                    </ul>
                    <h2>Новости патриархии</h2>
                    <ul>
                    <li><a href="#">Задача организации, в особенности же постоянный количественный рост и сфера нашей активности способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям. </a></li>
                    <li><a href="#">Задача организации, в особенности же постоянный количественный рост и сфера нашей активности способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям. </a></li>
                    <li><a href="#">Задача организации, в особенности же постоянный количественный рост и сфера нашей активности способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям. </a></li>
                    </ul>
                    <h2>Фотоматериалы</h2>
                    <img src="images/slide-2.jpg" width="270" align="middle">
                    </aside>
                    <div class="it_asist"></div>
                </td>
                <td valign="top">
                    <aside class="left">
                    <h1>Православный календарь</h1>
                    <img src="images/day.jpg" width="130">
                    <p>Так как цель применения такого текста исключительно демонстрационная, то и смысловую нагрузку ему нести совсем необязательно. Более того, нечитабельность текста сыграет на руку при оценке качества восприятия                макета. Самым известным «рыбным» текстом является знаменитый Lorem ipsum. Считается, что впервые его применили в книгопечатании еще в XVI веке. Своим появлением Lorem ipsum обязан древнеримскому философу                Цицерону, ведь именно из его трактата «О пределах добра и зла» средневековый книгопечатник вырвал отдельные фразы и слова, получив текст-«рыбу», широко используемый и по сей день. Конечно, возникают некоторые                вопросы, связанные с использованием Lorem ipsum на сайтах и проектах, ориентированных на кириллический контент – написание символов на латыни и на кириллице значительно различается.</p>
                    <h2>Воскресная школа</h2>
                    <img src="images/thumbs_09_800.jpg" width="150px">
                    <a href="#">Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание системы обучения кадров, соответствует насущным потребностям.</a><br /><br />
                    <img src="images/thumbs_11_800.jpg" width="150px">
                    <a href="#">Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание системы обучения кадров, соответствует насущным потребностям.</a><br /><br />
                    <img src="images/thumbs_12_800.jpg" width="150px">
                    <a href="#">Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание системы обучения кадров, соответствует насущным потребностям.</a><br /><br />
                    </aside>
                    <div class="it_asist"></div>
                </td>
        </tr>
    </table>
    <!--Конец контентного блока-->
    <hr />
    <!--Начало подвала-->
        <table class="footer" width="1250" height="170">
               <tr>
                <td valign="top" width="25%">
                <ul>
                    <li><a href="#">Параграф</a></li>
                    <li><a href="#">Параграф</a></li>
                    <li><a href="#">Параграф</a></li>
                    <li><a href="#">Параграф</a></li>
                    <li><a href="#">Параграф</a></li>
                </ul>
                </td>
                <td valign="top" width="25%">
                <img src="images/01.gif">
                <img src="images/02.gif">
                <img src="images/03.gif">
                <img src="images/04.gif">
                </td>
                <td valign="top" width="25%">
                <img src="images/schetchik.png">
                <img src="images/schetchik.png">
                <img src="images/schetchik.png">
                <img src="images/schetchik.png">
                <img src="images/schetchik.png">
                <img src="images/schetchik.png">
                </td>
                <td valign="bottom" width="25%">
                <p align="right">Тут нужен какой-то<br /> &copy; 2014 копирайт</p>
                </td>
            </tr>
          </table>
    <div class="it_asist"></div>
    <!--Конец подвала-->
    </div><!--Закрытие выравнивающего контейнера-->
    </body>
    </html>
    
    Стили:

    Код:
    @charset "utf-8";
    /* CSS Document */
    
    @font-face {font-family:Tahoma, Geneva, sans-serif;
                font-size:0.8em;
                word-spacing:0.2em;
                margin-top:5px;
    }
    
    ul, ol, dl {padding: 0;
                margin: 0;
    }
    
    header, section, footer, aside, nav, article, figure {display:block;
    }
    .it_asist { clear:both; height:0px;
    }
    
    container {width:1250px;
               position:fixed;
    }
    
    .today {font-family: Tahoma, Geneva, sans-serif;
            font-size: 0.75em;
            color: #FFFFFF;
            background-color: #ADADAD;
            text-align: right;
            padding-right:10px;
    }
    .kontakt {float:rigth;
              width:340px; height:250px;
              margin-left:0px;
              background: rgb(255,255,255); /* Old browsers */
              background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)),                  сolor-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
              background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
              background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
              background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    }
    .adress {font-family: Tahoma, Geneva, sans-serif;
             font-size: 0.85em;
             color: #595353;
             padding-left:10px;
             padding-top:10px;
    }
    nav,
    nav ul,
    nav li,
    nav a {
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
    }
    nav {
        height: 40px;
        width: 1240px;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    nav li {z-index:3;
            position: relative;
            list-style: none;
            float: left;
            display: block;
            height: 40px;
    }
    nav li a {display: block;
             padding: 0 14px;
             margin: 6px 0;
             line-height: 28px;
             text-decoration: none;
             border-left: 1px solid #393942;
             border-right: 1px solid #4f5058;
             font-family: Helvetica, Arial, sans-serif;
             font-weight: bold;
             font-size: 13px;
             color: #000000;
             text-shadow: 1px 1px 1px rgba(0,0,0,.6);
            -webkit-transition: color .2s ease-in-out;
            -moz-transition: color .2s ease-in-out;
            -o-transition: color .2s ease-in-out;
            -ms-transition: color .2s ease-in-out;
            transition: color .2s ease-in-out;
    }
    nav li:first-child a { border-left: none;
    }
    nav li:last-child a{ border-right: none;
    }
    nav li:hover > a { color: #ededed;
    }
    
    #slide { height:350px;
             width:600px;
             position:relative;
             overflow:hidden;
             z-index:2;
             float:left;
             margin-left:5px;
    }
    .slider {width:600px;
             margin:0 auto;
             position:relative;
             z-index:2;
    }
    .items {display:none;
    }
    .pagination, .prev, .next, .play, .paused, .progbar, .numStatus {display:none;
    }
    .banner{width:260px;
            overflow:hidden;
            position:absolute;
            top:200px;
            color:#fff;
            right:0px;
            z-index:15;
            background:url(images/png.png) left top repeat;
            padding:0px;
            border-radius:10px 0 0 10px;
            -moz-border-radius:10px 0 0 10px;
            -webkit-border-radius:10px 0 0 10px;
    }
    .banner span {display:block;
                  padding:20px;
    }
    article h2 {font-family: Tahoma, Geneva, sans-serif;
            font-size: 1.50em;
            background-color: #E8E5E5;
            font-weight: bold;
            text-align: right;
            line-height: 50px;
    }
    article {width:590px; height:auto;
              float:left;
               margin-left:5px;
              border-left: 2px solid #ccc;
              margin-left: 5px;
              padding-left: 10px;
                margin-top:10px;
              font-family: Arial, Helvetica, sans-serif;
               font-size: 0.85em;
               text-align: justify;
    }
    article h1 {font-family: Tahoma, Geneva, sans-serif;
                font-size: 1.50em;
                background-color: #E8E5E5;
                font-weight: bold;
                text-align: right;
                margin-bottom:0px;
                margin-right:5px;
    }
    .datanews {font-family: Tahoma, Geneva, sans-serif;
               font-size: 0.75em;
               background-color: #858585;
               font-weight: bold;
               color:#ffffff;
               margin-top:0px;
    }
    article img {border: 3px solid #ccc;
                 float:left;
                 margin: 10px 7px 7px 0;
    }
    article ul {list-style-type: none;
    }
    a.button {display: block;
              float: right;
              position: relative;
              height: 25px;
              width: 150px;
              margin: 0 10px 18px 0;
              text-decoration: none;
              font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-weight: bold;
              line-height: 25px;
              text-align: center;
    }
    .gray,
    .gray:hover {color: #555;
                 border-bottom: 4px solid #b2b1b1;
                 background: #eee;
    }
    .gray:hover { background: #e2e2e2;
    }
    
    aside.center {width:280px; height:auto; float:left;
                  margin-left:5px;
                  border-left: 2px solid #ccc;
                  margin-left: 5px;
                  padding-left: 10px;
                  margin-right:5px;
                  border-right: 2px solid #ccc;
                  margin-right: 5px;
                  padding-right: 10px;
                  padding-top:10px;
                  font-family: Arial, Helvetica, sans-serif;
                  font-size: 0.85em;
                  text-align: justify;
    }
    aside.center h1 {font-family: Tahoma, Geneva, sans-serif;
                     font-size: 1.05em;
                     background-color: #E8E5E5;
                     font-weight: bold;
                     text-align: center;
                     line-height: 50px;
                     margin-top:5px;
    }
    aside.center h2 {font-family: Tahoma, Geneva, sans-serif;
                     font-size: 1.05em;
                     background-color: #E8E5E5;
                     font-weight: bold;
                     text-align: center;
                     line-height: 50px;
                     margin-top:15px;
    }
    aside.left {width:295px; height:auto; float:left;
                margin-left:5px;
                border-left: 2px solid #ccc;
                margin-left: 5px;
                padding-left: 10px;
                margin-right:5px;
                border-right: 2px solid #ccc;
                margin-right: 5px;
                padding-right: 10px;
                padding-top:10px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 0.85em;
                text-align:justify;
    }
    aside.left h1 {font-family: Tahoma, Geneva, sans-serif;
                   font-size: 1.05em;
                   background-color: #E8E5E5;
                   font-weight: bold;
                   text-align: center;
                   line-height: 50px;
                   margin-top:5px;
    }
    aside.left h2 {font-family: Tahoma, Geneva, sans-serif;
                   font-size: 1.05em;
                   background-color: #E8E5E5;
                   font-weight: bold;
                   text-align: center;
                   line-height: 50px;
                   margin-top:15px;
    }
    aside.left img { border: 3px solid #ccc;
                        float:left;
                     margin-right:5px;
                     margin-top:7px;
    }
    aside.center img { border: 3px solid #ccc;
                          float:left;
                       margin-right:5px;
                       margin-top:7px;
    }
    aside.center a {font-family: Arial, Helvetica, sans-serif;
                    font-size: 0.97em;
                    color:#5e5e5e;
                    text-decoration: none;
                   
    }
    aside.center a:hover {font-family: Arial, Helvetica, sans-serif;
                          font-size: 0.97em;
                          color:#5e5e5e;
                          text-decoration: underline;
                        
    }
    aside.center ul li {list-style-type:roman;
                         list-style-position:inside;
                         margin-top:7px;
                        
    }
    aside.left a {font-family: Arial, Helvetica, sans-serif;
                  font-size: 0.97em;
                  color:#5e5e5e;
                  text-decoration: none;
    }
    aside.left a:hover {font-family: Arial, Helvetica, sans-serif;
                        font-size: 0.97em;
                        color:#5e5e5e;
                        text-decoration: underline;
    }
                    
    aside.left ul li {list-style-type:roman; list-style-position: inside;
                         margin-top:7px;
    }
    hr {float:left;
        width:1240px;
        border:0;
        border-top: 3px solid #e5e5e5;
        height: 0;
        background: #e5e5e5;
        margin-left:7px;
    }
    .footer-push, .footer {float:left;
                          width:1240px;
                          height: 170px;
                          padding: 0;
                          margin-bottom:40px;
                          margin-left:7px;
                          background: rgb(255,255,255); /* Old browsers */
                          background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
                          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
                          background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
                          background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
                          background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
                          background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
                          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    }
    .footer ul,
    .footer li,
    .footer a {font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
               font-weight: bold;
               line-height: 25px;
               margin-left:15px;
               color:#5e5e5e;
               -moz-transition: all 0.1s ease-in-out;
               -o-transition: all 0.1s ease-in-out;
               -webkit-transition: all 0.1s ease-in-out;
               display:block;
    }
    .footer li:hover > a { color: #a1a0a0;
                          -webkit-transform: translate(8px,0);
                          -moz-transform: translate(8px,0);
                          -o-transform: translate(8px,0);
                          display:block;
    }
    .footer li:last-child > a { color: #5e5e5e;
    }
    footer img {margin-left:7px;
                margin-top:10px;
                border: 2px solid #ccc;
    }
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Ссылку на проект.
     
  3. delamur

    delamur

    Регистрация:
    26 мар 2014
    Сообщения:
    11
    Симпатии:
    2
    Домена пока нет, сайт делаю локально. И интеграцию проводить тоже буду локально с помощью "ВЕБ-Окружения" от 1С. Если нужны картинки и скрипты могу в zip на Яндекс диск залить.
    Просто не знаю уже что делать))
     
  4. Commondore

    Commondore

    Регистрация:
    1 мар 2014
    Сообщения:
    12
    Симпатии:
    2
    delamur

    вот это подправить
    на это

    а вообще лучше через div сверстайте, а то там черт ногу сломит в вашем коде
     
    delamur нравится это.
  5. delamur

    delamur

    Регистрация:
    26 мар 2014
    Сообщения:
    11
    Симпатии:
    2
    Огромное спасибо! Все заработало. Страница по центру, подвал не убегает!
     
Статус темы:
Закрыта.