Важная информация
Показано с 1 по 6 из 6

Тема: Нужно зафиксировать сайт

  1. #1 Нужно зафиксировать сайт 
    Новичок
    Регистрация
    28.05.2019
    Сообщений
    3
    Сказал(а) спасибо
    1
    Поблагодарили 1 раз в 1 сообщении
    У меня не получается зафиксировать сайт, главный, то есть контент зафиксирован, а если я делаю прокрутку вниз, и в бок, то он сползает.В чем может быть проблема?
    Здесь весь код на CSS
    CSS Code:
    1.  
    2. #wrap {
    3. width:1000px;
    4. min-height:100%;
    5. margin:0 auto;
    6. }
    7.  
    8. #header {
    9. width:1337px;
    10. height:90px;
    11. background: #FFE4B5;
    12. clear: both;
    13. border:1px solid black;
    14. }
    15.  
    16. #left {
    17. width:170px;
    18. min-height: 507px;
    19. background: #DEB887;
    20. float:left;
    21. border:1px solid black;
    22. margin:0px auto;
    23. }
    24.  
    25. #content {
    26. width:1125px;
    27. min-height: 468px;
    28. float: left;
    29. background-color: #FFDAB9;
    30. border:1px solid black;
    31. margin:0px auto;
    32. overflow-y: scroll;
    33. height: 300px;
    34. width: 1005 px;
    35. border: 1px solid #8B4513;
    36. position: fixed;
    37. top: 100px;
    38. left: 180px;
    39. padding: 20px;
    40. border: 1px solid #000;
    41. }
    42.  
    43. #footer {
    44. width: 1337px;
    45. height: 55px;
    46. background: #FFE4B5;
    47. clear: both;
    48. border:1px solid black;
    49. }
    50.  
    51. p {
    52.     border: 1px solid #8B4513;
    53.     padding: 10px;
    54. }
    55.  
    56. ul {
    57.   list-style: none;


    [Ссылки могут видеть только зарегистрированные пользователи. ]
    Изображения
    Ответить с цитированием  
     

  2. #2  
    Новичок
    Регистрация
    28.05.2019
    Сообщений
    5
    Сказал(а) спасибо
    0
    Поблагодарили 1 раз в 1 сообщении
    Не достаточно данных. Приведите полную разметку страницы
    Ответить с цитированием  
     

  3. Пользователь сказал cпасибо:

    >Quiet Snow< (29.05.2019)

  4. #3  
    Администратор
    Регистрация
    18.04.2014
    Сообщений
    26
    Сказал(а) спасибо
    0
    Поблагодарили 42 раз(а) в 24 сообщениях
    По одному CSS не понятно. Желательно еще увидеть html код. Возможно, position: fixed в #content перебивается другим классом. Так же зависит позиция родительского класса. Важны еще параметры width и height. Обратите внимание на содержание #content: у вас много повторений (width, border) и margin, padding, top, left тоже могут перебивать друг друга.
    Ответить с цитированием  
     

  5. Пользователь сказал cпасибо:

    >Quiet Snow< (03.06.2019)

  6. #4  
    Новичок
    Регистрация
    28.05.2019
    Сообщений
    3
    Сказал(а) спасибо
    1
    Поблагодарили 1 раз в 1 сообщении
    Вот этот код
    HTML Code:
    1.  
    2. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    3. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    4. <[Ссылки могут видеть только зарегистрированные пользователи. ]>Панеев</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    5. <[Ссылки могут видеть только зарегистрированные пользователи. ] rel = stylesheet type = "text/css" href = "css.css">
    6. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    7. <[Ссылки могут видеть только зарегистрированные пользователи. ] bgcolor="#D2B48C">
    8. <[Ссылки могут видеть только зарегистрированные пользователи. ] id = "header">
    9. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    10. input {color: black; background: #FFE4B5;}
    11.   </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    12. &nbsp; &nbsp;&nbsp;<[Ссылки могут видеть только зарегистрированные пользователи. ] id=MyDate type=text readonly>
    13. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    14. var dt=new Date();
    15. var month = dt.getMonth()+1;
    16. if (month<10) month='0'+month;
    17. var day = dt.getDate();
    18. if (day<10) day='0'+day;
    19. var year = dt.getFullYear();
    20. MyDate.value=day+'.'+month+'.'+year;
    21. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    22. <[Ссылки могут видеть только зарегистрированные пользователи. ]   align="left" src="Рисунок1.png" WIDTH="100" HEIGHT="90">
    23. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]> &nbsp; &nbsp; <[Ссылки могут видеть только зарегистрированные пользователи. ] href="САЙТ.html">ГЛАВНАЯ</[Ссылки могут видеть только зарегистрированные пользователи. ]> &nbsp; &nbsp; <[Ссылки могут видеть только зарегистрированные пользователи. ] href="Новости.html">НОВОСТИ</[Ссылки могут видеть только зарегистрированные пользователи. ]> &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
    24. &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
    25. &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
    26. &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
    27. &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
    28. &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
    29. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    30. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    31. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    32. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<[Ссылки могут видеть только зарегистрированные пользователи. ] href="Об%20авторе.html"> ОБ АВТОРЕ </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    33. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    34. <[Ссылки могут видеть только зарегистрированные пользователи. ] id = "left">
    35. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    36. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] href="Устройства%20%20Пк.html">Устройства ПК</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    37. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] href="Долговременная%20память.html">Долговременная память</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    38. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] href="Оперативная%20память.html">Оперативная память</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    39. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    40. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    41. <[Ссылки могут видеть только зарегистрированные пользователи. ] id = "content">
    42. <[Ссылки могут видеть только зарегистрированные пользователи. ] TYPE=BUTTON name="bot" onclick=bm() value='Поменять картинку' style="background: #DEB887; color: black;">
    43. </[Ссылки могут видеть только зарегистрированные пользователи. ]> <[Ссылки могут видеть только зарегистрированные пользователи. ] SRC="" ID='Chloe' onclick=bm()>
    44. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    45. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    46. /*
    47. var msg= ' '
    48. for(i=0; i<document.all.length;i++)
    49. msg+=i + ' ' + document.all[i].tagName + ' ID= ' + document.all[i].id+'\n'
    50. alert(msg)
    51. */
    52. flag=true
    53. function bm()
    54. { if(flag)
    55. { document.images[0].src='col.png';  
    56.   document.forms[0].bot.value="Поменять картинку"
    57.   document.forms[0].bot.style.background='#CD5C5C'
    58.   document.all.bot.style.color='black'; flag=false;
    59. }
    60. else
    61. { document.getElementById("col").src='Рисунок1.png';
    62.   //обращение к кнопке по индексу
    63.   document.forms[0].bot.value=""
    64.   document.forms[0].bot.style.background='#CD5C5C'
    65.   document.all.bot.style.color='white'; flag= true
    66. }
    67. }
    68. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    69. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]>КОМПЬЮТЕР КАК УНИВЕРСАЛЬНОЕ УСТРОЙСТВО ДЛЯ ОБРАБОТКИ ИНФОРМАЦИИ</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    70. <[Ссылки могут видеть только зарегистрированные пользователи. ]>Для информатики компьютер - это не только инструмент для работы с информацией, но и объект изучения.
    71. <[Ссылки могут видеть только зарегистрированные пользователи. ] align="left" src="Computer.gif" WIDTH="230" HEIGHT="200">
    72. Вы узнаете, какие устройства в себя включает компьютер, какую работу с его помощью можно выполнять, какие для этого существуют программные средства.
    73. <[Ссылки могут видеть только зарегистрированные пользователи. ]> С давних времен люди стремились облегчить свой труд. С этой целью создавались различные машины и механизмы, усиливающие физические возможности человека. Компьютер был изобретен в середине XX века для усиления возможностей умственной работы человека, т. е. работы с информацией.</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    74. <[Ссылки могут видеть только зарегистрированные пользователи. ]> <[Ссылки могут видеть только зарегистрированные пользователи. ]> По своему назначению<[Ссылки могут видеть только зарегистрированные пользователи. ] color="#800000"> <[Ссылки могут видеть только зарегистрированные пользователи. ]>компьютер</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]> - универсальное техническое средство для работы человека с информацией.</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    75. <[Ссылки могут видеть только зарегистрированные пользователи. ] align="right" src="sm_full.png" WIDTH="230" HEIGHT="200">
    76. &emsp; Компьютер включает в себя устройства, выполняющие эти функции мыслящего человека:
    77. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] src="bandicam.jpg" WIDTH="300" HEIGHT="100">
    78. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] color="#800000">Данные</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]> - это обрабатываемая информация, представленная в памяти компьютера в специальной форме.
    79. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] color="#800000">Программа</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]> - это описание последовательности действий, которые должен выполнить компьютер для решения поставленной задачи обработки данных.
    80. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    81. <dr>
    82. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]>Устройства ПК</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    83. Устройство ввода-вывода — компонент типовой архитектуры ЭВМ, предоставляющий компьютеру возможность взаимодействия с внешним миром и, в частности, с пользователями.
    84. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] src="v.jpg" WIDTH="300" HEIGHT="150"></[Ссылки могут видеть только зарегистрированные пользователи. ]>
    85. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] color="#800000">Внутренняя память</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>  - это электронное устройство, которое хранит информацию, пока питается электроэнергией.
    86. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] color="#800000">Внешняя память</[Ссылки могут видеть только зарегистрированные пользователи. ]></[Ссылки могут видеть только зарегистрированные пользователи. ]>  - это различные магнитные носители (ленты, диски), оптические диски.
    87. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    88. <[Ссылки могут видеть только зарегистрированные пользователи. ] id = "footer">
    89. <[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ]>Панеев Евгений Александрович  © 2019 ОГАПОУ СПК</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    90. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    91. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    92.  
    93.  
    94. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    95. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    Ответить с цитированием  
     

  7. #5  
    Администратор
    Регистрация
    18.04.2014
    Сообщений
    26
    Сказал(а) спасибо
    0
    Поблагодарили 42 раз(а) в 24 сообщениях
    Позиция fixed означает, что у #content будут жестко зафиксированы координаты в браузере. Если вы будете прокручивать страницу, #content не двинется с места. Чтобы #content не расползался нужно поставить position: absolute;
    Ответить с цитированием  
     

  8. 2 пользователя(ей) сказали cпасибо:

    >Quiet Snow< (04.06.2019), paneev02 (10.06.2019)

  9. #6  
    Новичок
    Регистрация
    28.05.2019
    Сообщений
    3
    Сказал(а) спасибо
    1
    Поблагодарили 1 раз в 1 сообщении
    Спасибо!! У меня получилось
    Ответить с цитированием  
     

  10. Пользователь сказал cпасибо:

    >Quiet Snow< (12.06.2019)

Информация о теме
Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Похожие темы

  1. Нужно ли менять хостинг?
    от marinochka_de в разделе Общие вопросы оптимизации
    Ответов: 3
    Последнее сообщение: 28.11.2017, 16:00
  2. Нужно подробно описать код, с 94 по 108
    от arnol в разделе Общие вопросы программирования
    Ответов: 0
    Последнее сообщение: 22.01.2017, 16:53
  3. Нужно скомпилировать прогу
    от Линар в разделе Assembler
    Ответов: 10
    Последнее сообщение: 29.09.2013, 14:33
  4. Нужно проверить профиль
    от Алёнка в разделе Другие поисковики
    Ответов: 1
    Последнее сообщение: 28.09.2012, 11:48
Ваши права
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •