Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Странный отступ сверху страницы 
:(
    Опции темы
Satellence
Дата 3.4.2011, 23:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 42
Регистрация: 28.3.2007

Репутация: нет
Всего: нет



Помогите свежим взглядом. Очень странный отступ сверху образуется.
а в IE и вовсе центровка пропала, хотя способ уже несколько раз использую.
исходный код всей странички большой, но можно глянуть тут: http://188.127.231.44/
значимая часть:

Код

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="Stylesheet" href="/cssnew/style.css"/>
    <title><?php?></title>
</head>
<body onLoad="myclock()" link="#000000" vlink="#000000" alink="#000000">  
<div class="center_block">
    <div class="block_head">
        <div class="logo_place">
            <span><? if ($lang == 'ru') echo 'Телефон:'; if ($lang == 'kz') echo 'Телефон:';?><?echo $kazah_phone;?>;&nbsp;&nbsp;&nbsp;<? if ($lang == 'ru') echo 'Эл. почта:'; if ($lang == 'kz') echo 'Электронды почта:';?><a href="mailto:<?echo $kazah_mail;?>"><?echo $kazah_mail;?></a></span>
            <div>
                <a href="/"><img src="/cssnew/logo.png" alt="Alliance Consulting Investment Group" title="Alliance Consulting Investment Group"></a>
            </div>
        </div>
        <? require($_SERVER["DOCUMENT_ROOT"]."/index/menu2.php"); ?>
    </div>
......
</div>
</body>
</html>


css:
Код

/*
 * îáùèå íàñòðîéêè
 * çàíóëåíèå, ãëîáàë
 */
    body { padding: 0px; margin: 0px; font: 14px Verdana; width: 100%; background: #818181; }
    div { padding: 0px; margin: 0px; }
    img { border: 0px; margin: 0px; }
    a { margin: 0px; padding: 0px; }
    .center_block {
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        width: 1000px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #fff;
    }

 /*
 * Header (logo and register/login menu)
 */
    .block_head { float: none; height: 114px; background: #ccc url(/cssnew/header_background.png) top; margin: 0px; padding: 0px;}
    /* Ëîãî */
    .block_head .logo_place { float: left; width: 560px; height: 114px; }
    .block_head .logo_place div { padding-left: 6px; padding-top: 21px; }
    .block_head .logo_place span { padding-left: 45px; position: absolute; }
    /* Ïàíåëü àâòîðèçàöèè è àêêðåäèòàöèè */
    .access_place { float: left; width: 420px; height: 114px; }
    .access_place div { padding-top: 10px; }
    .access_place .register_link { margin-bottom: 0px; float: none; text-align: center; width: 440px;}
    .access_place .register_link a { color: #900; }
    .access_place .register_link a:hover { color: #fff; }
    .access_place .enter_link { float: none; text-align: center; width: 440px; }
    .access_place .enter_link input { margin: 0px; padding: 6px; cursor: pointer; }
    .access_place .nav_th { float: none; padding-left: 176px; width: 440px; margin-top: -18px; position: absolute; }
    .access_place .nav_th .small_nav { float: left; margin-left: 5px; }


 /*
 * Main menu
 */
    .main_menu_block {
        float: right;
        width: 1000px;
        height: 38px;
        background: #efefef;
        border-bottom: 1px solid #ccc;
    }
    .main_menu_block .main_menu_active,
    .main_menu_block .main_menu_inactive {
        float: left;
        margin-left: 5px;
        margin-top: 1px;
        width: 190px;
        height: 38px;
        text-align: center;
    }
    .main_menu_block .main_menu_inactive { background: #e4e4e4 url(/cssnew/main_menu_inactive.png) no-repeat; }
    .main_menu_block .main_menu_active { background: #fff url(/cssnew/main_menu_active.png) no-repeat; }
    .main_menu_block div a div { padding-top: 11px; }
    .main_menu_block .main_menu_active a { color: #990000; text-decoration: none; }
    .main_menu_block .main_menu_inactive a { color: black; text-decoration: none; }

/*
* Content
*/

    .block_content { padding: 15px; padding-top: 30px; float: none; } /* 970px íà êîíòåíò*/
    .abz2 { font-size: 16px; color: #a30132; }
    .block_news {
        border: 1px dashed #ccc;
        padding: 10px;
        margin-top: 15px;
        -moz-border-radius: 8px; /* Firefox */
        -webkit-border-radius: 8px; /* Safari, Chrome */
        -khtml-border-radius: 8px; /* KHTML */
        border-radius: 8px; /* CSS3 */
        behavior: url(/cssnew/border-radius.htc); /* IE */
    }
    .block_statmenu { margin-top: 15px; margin-bottom: 15px; }
    .block_statmenu div {

        width: 350px;
        margin-left: -15px;
        margin-bottom: 4px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 20px;
        vertical-align: middle;
        background-color: #e8e8e8;
    }
    .block_statmenu div a { color: #900; text-decoration: none; }
    .block_statmenu div a:hover { color: #900; text-decoration: underline; }
    .block_statmenu .selected { background-color: #990000; }
    .block_statmenu .selected a { color: #fff; text-decoration: none; }
    .block_statmenu .selected a:hover { color: #fff; text-decoration: underline; }

    /* Àóêöèîí */
    .block_auction {
        margin: 5px;
        padding: 5px;
        background-color:#e8e8e8;
        -moz-border-radius: 6px; /* Firefox */
        -webkit-border-radius: 6px; /* Safari, Chrome */
        -khtml-border-radius: 6px; /* KHTML */
        border-radius: 6px; /* CSS3 */
        behavior: url(/cssnew/border-radius.htc); /* IE */
    }

    /* Ëîãèí */
    .block_login {
        margin-top: 150px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px;
        width: 500px;
        border: 1px solid #ccc;
        -moz-border-radius: 20px; /* Firefox */
        -webkit-border-radius: 20px; /* Safari, Chrome */
        -khtml-border-radius: 20px; /* KHTML */
        border-radius: 20px; /* CSS3 */
        behavior: url(/cssnew/border-radius.htc); /* IE */
        background: #fff;
        text-align: center;
    }

/* ************** */


PM MAIL   Вверх
Mavrun
Дата 3.4.2011, 23:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13



попробуйте 
Код

* { margin: 0; padding: 0; }

PM MAIL   Вверх
Satellence
Дата 3.4.2011, 23:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 42
Регистрация: 28.3.2007

Репутация: нет
Всего: нет



Пробовал уже, не меняет дело.
PM MAIL   Вверх
Satellence
Дата 4.4.2011, 00:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 42
Регистрация: 28.3.2007

Репутация: нет
Всего: нет



Решил проблему. 
Пересохранил первые 3 включаемые документа в UTF-8 без BOM, тем самым убрал 3 пробела перед <!doctype
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0422 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.