Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
toler
0 / 0 / 0
Регистрация: 31.03.2013
Сообщений: 6
1

убираю комменты #header'a не видно

17.07.2013, 19:06. Просмотров 421. Ответов 5
Метки нет (Все метки)

Здравствуйте!
Помогите пожалуйста
http://jsfiddle.net/qmgZ8/1/

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="container">    
    <div id="header">
        </div>
    
    <div id="body">
          </div>
    
    <div id="footer">
        <div id="bottomnavigation">
         </div>
    </div>  
        
</div>
CSS
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
html {
    height: 100%;
}
body{
    margin:0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
    font-size: 15px
}
 
#container{
    min-height: 100%;
    width:100%;
    margin: 0;
    padding: 0
}
#header{
    height:100px;
    background-color: blue;
    border:1px solid #E2E2DF;
    /*position: absolute; 
    top: 0;*/
    /* убираю комменты #header'a не видно*/
    }
#footer{
    border-top: 2px solid #D5D5D5;
    height: 50px;
    width: 100%;
    background-color: green;
    position: absolute;
    bottom: 0;
}
 Комментарий модератора 
Правила форума пункт 5.19

Запрещено размещать ссылки на коды программ, расположенные на других сайтах. Коды программ должны размещаться на форуме.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.07.2013, 19:06
Ответы с готовыми решениями:

Убираю код AJAX в подключаемый файл, и он перестает работать
Не пойму в чем проблема. Код AJAX работает, когда он прописан в хэде. Стоит...

При установке Виндос 7 или ХР не видно диска,но их видно в Акронисе и Биосе
При установке Виндос 7 или ХР не видно диска,но их видно в Акронисе и Биосе,в...

ListView, видно 7 строк, вставим 8(ую) её уже не видно. Как програмно показать её?
На форме ListView из 7ми видимых строк. Когда программно добавляются следующие...

Как сделать прозрачность, чтобы сквозь PictureBox было видно видно другие объекты?
Я делаю несколько PictureBox с Gif-анимацией (Робот и снаряд). На заднем цвете...

Открытый порт видно в системе, но не видно с другого компьютера
Привет. помогите разобраться. Делаю nmap localhost вижу что порт открыт, делаю...

5
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
17.07.2013, 20:47 2
по подробнее обясните какие коменты - потому как не вижу в песочнице комментов . Опишите более детально вашу проблему .

Добавлено через 4 минуты
а зачем вы хидеру присваиваете
CSS
1
2
 position:absolute;
                                               top:0;
они там не нужны

Добавлено через 5 минут
id = body поменяйте тоже название ( нельзя так класс называть , потому как body это тело хтмал каркаса )
выложите здесь ваши коды хтмл и css их нужно изменить .
0
toler
0 / 0 / 0
Регистрация: 31.03.2013
Сообщений: 6
17.07.2013, 21:07  [ТС] 3
HTML5
1
2
3
4
5
6
7
8
<div id="container">
    
    <div id="header">
        </div>
    
    <div id="footer">
        </div>  
</div>
CSS
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
html {
    height: 100%;
}
body{
    margin:0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
    font-size: 15px
}
 
#container{
    min-height: 100%;
    width:100%;
    margin: 0;
    padding: 0
}
#header{
    height:100px;
    background-color: blue;
    border:1px solid #E2E2DF;
 
    [B]/*position: absolute;     /* убираю комменты. а #header'a не видно*/
        top: 0;*/[/B]
 
    }
#footer{
    border-top: 2px solid #D5D5D5;
    height: 50px;
    width: 100%;
    background-color: green;
    position: absolute;
    bottom: 0;
}
0
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
17.07.2013, 21:15 4
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<body>
    <div id="container">
              <div id="header">  
               </div>
                  <div id="content">
                   </div>
               <div id="footer">
                  <div id="bottomnavigation">
                   </div>
               </div>
    </div>
</body>
</html>

CSS
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
html {
height: 100%;
 
}
 
body{
margin:0;
padding:0;
text-align:center;
}
 
#header {
width:100%;
height:100px;
background-color: blue;
 
}
 
#content{
min-height:100%;
margin:0;
padding:0;
}
 
#footer {
 
width:100%;
height:50px;
background-color:green;
 
position:absolute;
bottom:0;
}
Добавлено через 43 секунды
вот поправил только допиши шрифты

Добавлено через 3 минуты
писал быстро поэтому может что то еще дописать - но основа то что нужно

Добавлено через 1 минуту
если что не понятно задавай вопросы.
0
toler
0 / 0 / 0
Регистрация: 31.03.2013
Сообщений: 6
17.07.2013, 21:20  [ТС] 5
Ruisenor, спасибо.
проблема была в том, что нужно было добавить в css
CSS
1
#header{ width:100%; }
0
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
17.07.2013, 21:24 6
ок обращайтесь если что не понятно .
0
17.07.2013, 21:24
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.07.2013, 21:24

Lightbox. При открытии увеличенной картинки, видно только заднюю область черную, а само изображение не видно
Здравствуйте! на сайте странно работает lightbox. При открытии увеличенной...

Не видно HDD в системе, хотя в биосе видно
Проблема такого характера: В биосе видно винт, в системе нет, при выборе...

Хард видно в биосе,но не видно в gparted
на данный момент имеется хард(sata, 750gb,4 раздела приблизительно 100,500,50 и...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru