Проблема в исправлении положения верхнего и нижнего колонтитула в HTML

Question

Проблема в исправлении положения верхнего и нижнего колонтитула в HTML

0

У меня есть несколько изображений большого пальца сетки на странице index.html, в которых расположены верхний и нижний колонтитулы, поскольку проецируются изображения сетки, даже если верхний и нижний колонтитулы прокручиваются, я дал позицию: исправлено; атрибут все еще не фиксирован. если я нажму на другую страницу и вернусь, верхний и нижний колонтитулы будут фиксированы, а не при запуске приложения.

код css

#Header { background: #8C001A; 
height: 36px; padding: 0; border-bottom: 1px solid    #3c3c3c; 
 z-index:101; 
 top: 0;
 bottom:80px;
 left: 0;
position: fixed;
right: 0; } 

#Footer { background: #8C001A;
 height: 30px;
 padding: 0; 
 border-bottom: 2px solid #000; 
  z-index:101; 
 bottom:0px;
left: 0;
position: fixed;
right: 0; 
bottom: 0;}

html-код

 <div id="Header"> </div>

 <div id="Footer"> </div>

DD. 13 нояб. 2013, в 07:44

Источник

0

пожалуйста, обновите ссылку на сайт
Bipin Kumar Pal 13 нояб. 2013, в 06:12
0

похоже на эту ссылку photoswipe.com/latest/examples/04-jquery-mobile.html#Gallery2 .... но здесь верхний и нижний колонтитул слишком прокручиваются, но в моем приложении это не должно быть @BipinKumarPal
DD. 13 нояб. 2013, в 06:20
0

Ваш CSS выглядит нормально, вам нужен подробный обходной путь в качестве рабочей скрипки или самого URL.
Prasanth K C 13 нояб. 2013, в 06:46

Показать ещё 1 комментарий

Теги:

html

css

1 ответ

Ещё вопросы

пожалуйста, обновите ссылку на сайт
похоже на эту ссылку photoswipe.com/latest/examples/04-jquery-mobile.html#Gallery2 .... но здесь верхний и нижний колонтитул слишком прокручиваются, но в моем приложении это не должно быть @BipinKumarPal
Ваш CSS выглядит нормально, вам нужен подробный обходной путь в качестве рабочей скрипки или самого URL.

Bipin Kumar Pal · Answer 1 · 2013-11-13T05-08-00.000Z

CSS

body{
   padding:0px;
   margin:0px;
}
#Header {
   background: #8C001A; 
   height: 36px; padding: 0; border-bottom: 1px solid    #3c3c3c; 
   z-index:101; 
   top: 0;
   bottom:80px;
   left: 0;
   position: fixed;
   right: 0; 
} 

#Footer { 
  background: #8C001A;
  height: 30px;
  padding: 0; 
  border-bottom: 2px solid #000; 
  z-index:101; 
  bottom:0px;
  left: 0;
  position: fixed;
  right: 0; 
  bottom: 0;
}

#container{
  height:1600px;
  background-color:#00ffff;
}
#container1{
  height:1600px;
  background-color:#ffff00;
}

HTML

<div id="Header"> </div>
<div id="container"></div>
<div id="container1"></div>
<div id="Footer"> </div>

попробуйте этот код, моя сторона работает со всеми браузерами