Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум web-программистов > HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 1
Регистрация: 18.05.2016
Сообщений: 2

При объявлении <!DOCTYPE html> съезжают данные в шапке

18.05.2016, 09:27. Показов 916. Ответов 2
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Я новичек в html...
Попытка разобраться что к чему привела сюда.
В общем, есть страница, на которой нет объявления <!DOCTYPE html> валидатор настойчиво рекомендует.
Пишу в верхней строке и сохраняю и получаю съезжающие данные в шапке(js)
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13

<style>
#ru_restaurant {
 margin-top: 1px;
 position: top center;
 background-color: #ffffff;
 min-height: 100%;
 height: 426px;
 width: 927px;
}
 
</style>
<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="/menutop.js"> -- он полностью съезжает
Вопрос почему и как такое избежать...
код js
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

$(document).ready(function(){
 
   $("#but1").click(function(){
      $("#tables").animate({marginLeft:"0px"},1000);
   });
 
   $("#but2").click(function(){
      $("#tables").animate({marginLeft:"-1000px"},1000);
   });
 
   $("#but3").click(function(){
      $("#tables").animate({marginLeft:"-2000px"},1000);
   });
 
   $("#but4").click(function(){
      $("#tables").animate({marginLeft:"-3000px"},1000);
   });
 
   $("#but5").click(function(){
      $("#tables").animate({marginLeft:"-4000px"},1000);
   });
 
});
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
 18.05.2016, 09:27
Ответы с готовыми решениями:

При использовании нового <!DOCTYPE html> некоторые элементы страницы съезжают вниз
При использовании &lt;!DOCTYPE html&gt; некоторые элементы страницы съезжают вниз: Если использовать старый &lt;!DOCTYPE html PUBLIC...

Слетают стили при объявлении типа документа (DOCTYPE)
При объявлении типа документа перестают работать некоторые стили для логотипа и меню. Не понимаю почему это происходит. Объявляю в...

Съезжают элементы в шапке
Добрый день, все утро мучаюсь не могу понять почему съезжают. Сайт - xzshop.ru, у меня разрешение 1680*1050 - все нормально, если...

2
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
18.05.2016, 11:06
Radvam, ну в принципе всё просто - без объявления доктайпа данные на странице отображаются в режиме совместимости, поэтому валидатор настойчиво просит его указать, чтобы понимать с помощью какой спецификации HTML Ваша страница свёрстана... Добавьте html-код шапки для понимания, что у Вас съезжает...
0
0 / 0 / 1
Регистрация: 18.05.2016
Сообщений: 2
18.05.2016, 11:41  [ТС]
Если правильно понял, то вот
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

<div style="position:absolute; top: -18px; right: 86px"></div>
        <table id="tables">
            <tr height="30px">
                <td width="100px" align="center" valign="bottom"> <div class="menu"></div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">номера</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">фото</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">как проехать</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">инфо</div></td>
                <td width="150px" align="center" valign="bottom"> <div class="menu"></div></td>
                <td width="100px" align="center" valign="bottom"> <div class="menu"></div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">rooms</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">photos</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">location</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">info</div></td>
                <td width="150px" align="center" valign="bottom"> <div class="menu"></div></td>
                <td width="100px" align="center" valign="bottom"> <div class="menu"></div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">chambres</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">la photo</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">la situation</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">info</div></td>
                <td width="150px" align="center" valign="bottom"> <div class="menu"></div></td>
                <td width="100px" align="center" valign="bottom"> <div class="menu"></div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">zimmer</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">foto</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">position</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">info</div></td>
                <td width="150px" align="center" valign="bottom"> <div class="menu"></div></td>
                <td width="100px" align="center" valign="bottom"> <div class="menu"></div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">habitacion</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">la photo</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">posicion</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">|</div></td>
                <td width="" align="center" valign="bottom"> <div class="menu">info</div></td>
                <td width="150px" align="center" valign="bottom"> <div class="menu"></div></td>
            </tr>
            <tr>
                <td width="100px" align="center" valign="top"> <div class="menu_small"></div></td>
                <script>
 
                    // getElementsByClassName for all
                    if(document.getElementsByClassName) {
                        getElementsByClass = function(classList, node) {
                            return (node || document).getElementsByClassName(classList)
                        }
                    }else {
                        getElementsByClass = function(classList, node) {
                            var node = node || document,
                                    list = node.getElementsByTagName('*'),
                                    length = list.length,
                                    classArray = classList.split(/\s+/),
                                    classes = classArray.length,
                                    result = [], i,j
                            for(i = 0; i < length; i++) {
                                for(j = 0; j < classes; j++)  {
                                    if(list[i].className.search('\\b' + classArray[j] + '\\b') != -1) {
                                        result.push(list[i])
                                        break
                                    }
                                }
                            }
                            return result
                        }
                    }
 
                    function expand(e) {
                        var close = false;
                        if(e.parentNode.style.height == '40px') close = true;
                        var arrayNode = getElementsByClass('expand')
                        for(var i=0; i < arrayNode.length; i++){
                            arrayNode[i].style.height = '15px';
                        }
                        if(close)
                            e.parentNode.style.height = '15px';
                        else
                            e.parentNode.style.height = '40px';
                        return false;
                    }
                </script>
                <td width="" align="right" valign="top"><span style="position: relative; left: -20px;"></td>
                <td width="30px" align="center" valign="top"> <div class="menu_small"></div></td>
                <td width="30px" align="center" valign="top"> <div class="menu_small"></div></td>
                <td width="30px" align="center" valign="top"> <div class="menu_small"></div></td>
                <td width="150px" align="center" valign="top"> <div class="menu"></div></td>
                <td width="100px" align="center" valign="top"> <div class="menu"></div></td>
                <td width="" align="right" valign="top"><span style="position: relative; left: -35px;"></td>
                <td width="" align="center" valign="top"> <div class="menu_small"></div></td>
                <td width="30px" align="center" valign="top"> <div class="menu_small"></div></td>
                <td width="30px" align="center" valign="top"> <div class="menu_small"></div></td>
            </tr>
        </table>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
 18.05.2016, 11:41
Помогаю со студенческими работами здесь

Проблема с расчетом высоты элемента через calc(100% - №px) при <!DOCTYPE html>
Ниже простой код...Я ожидаю что будут рассчитаны высота и ширина блока main относительно высоты и ширины экрана и у блока будет активна...

<!DOCTYPE html>
Использую фреймворк Bootstrap для сайта. Сейчас более-менее стал разбираться в php, уже на создавал много страниц, сделал админку, но не...

!DOCTYPE html
ребята можно исползоват это &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;...

DOCTYPE html
раньше писали и у казыва в &lt;!DOCTYPE .... строгий там синтаксис или переходной, 1.0 или 4.01, теперь часто вижу верхушку документа...

Съезжают данные
Сделал вывод из базы данных по 10 записей. На первой странице отображается все корректно, на второй и третьей съезжают данные, потом опять...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
Контроль уникальности заводского номера - вариант №2
Maks 24.03.2026
В отличие от предыдущего варианта добавлено прерывание циклов, также добавлены новые переменные для сохранения контекста ошибки перед прерыванием цикла: Процедура ПередЗаписью(Отказ, РежимЗаписи,. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
 Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера - вариант №1
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью в конфигурации КА2. Данные берутся из регистра сведений, по. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru