Высота в CSS не обнаружена

Question

Высота в CSS не обнаружена

0

Я добавляю CSS в свой заголовок, но единственный недостаток - это атрибуты высоты, которые не распознаются телефоном.

Вот как я связываю свой заголовок с css.

<div id="header">
 <img src="image/s1.jpg" name="slide" id="image">
</div>

Вот мой CSS.

#header{
 position:absolute;    
}

#image{
 position:relative;
 margin-top:5%;
 height:50%;
}

К сожалению, я не вижу ничего плохого в кодах здесь.

Teo Chuen Wei Bryan 31 дек. 2013, в 14:40

Источник

0

Вы установили height:120% но 120% чего?
DaniP 31 дек. 2013, в 13:36
0

вот в чем проблема :( я добавил высоту под заголовком, но заголовок исчезнет в моем мобильном телефоне. Это означает, что если я добавлю 2 высоты в заголовке и изображении, изображение исчезнет.
Teo Chuen Wei Bryan 31 дек. 2013, в 13:37
0

кажется неясным ваше объяснение, заголовок исчезнет? добавить 2 высоты?
DaniP 31 дек. 2013, в 13:40
0

Очень непонятно, что вы хотите. И вы можете удалить тег img из заголовка. Я не понимаю, зачем использовать отображение заголовка в нем на 120%
Shoaib Chikate 31 дек. 2013, в 13:40
0

позвольте мне перефразировать мой вопрос. Когда я добавил атрибут #image теги #header и #image , изображение исчезнет, как если бы его вообще не было. После удаления атрибута высоты в любом из #header и #image изображение появится снова.
Teo Chuen Wei Bryan 31 дек. 2013, в 13:42
0

@ShoaibChikate на самом деле процент не проблема, хотя. просто мое веб-приложение не обнаружило и не прочитало атрибут высоты в моем CSS.
Teo Chuen Wei Bryan 31 дек. 2013, в 13:43
0

Для высоты в % необходимы некоторые требования ... как и у всех родителей, есть определение в % от некоторого другого значения. А так как вы используете абсолютную позицию, нужно определить родителя заголовка и определить высоту заголовка
DaniP 31 дек. 2013, в 13:45
0

@Danko То, что вы имели в виду по праву, #header должен иметь height:%; правильно?
Teo Chuen Wei Bryan 31 дек. 2013, в 13:47
0

Все изменения основаны на всей структуре, если вам нужен% в заголовке, тогда некоторый родитель должен иметь фиксированную высоту в пикселях, чтобы позаботиться об этих значениях% в какой-то момент .... или% по отношению ко всему окну
DaniP 31 дек. 2013, в 13:51

Показать ещё 7 комментариев

Теги:

html

css

image

2 ответа

Ещё вопросы

вот в чем проблема :( я добавил высоту под заголовком, но заголовок исчезнет в моем мобильном телефоне. Это означает, что если я добавлю 2 высоты в заголовке и изображении, изображение исчезнет.
кажется неясным ваше объяснение, заголовок исчезнет? добавить 2 высоты?
Очень непонятно, что вы хотите. И вы можете удалить тег img из заголовка. Я не понимаю, зачем использовать отображение заголовка в нем на 120%
позвольте мне перефразировать мой вопрос. Когда я добавил атрибут #image теги #header и #image , изображение исчезнет, как если бы его вообще не было. После удаления атрибута высоты в любом из #header и #image изображение появится снова.
@ShoaibChikate на самом деле процент не проблема, хотя. просто мое веб-приложение не обнаружило и не прочитало атрибут высоты в моем CSS.
Для высоты в % необходимы некоторые требования ... как и у всех родителей, есть определение в % от некоторого другого значения. А так как вы используете абсолютную позицию, нужно определить родителя заголовка и определить высоту заголовка
@Danko То, что вы имели в виду по праву, #header должен иметь height:%; правильно?
Все изменения основаны на всей структуре, если вам нужен% в заголовке, тогда некоторый родитель должен иметь фиксированную высоту в пикселях, чтобы позаботиться об этих значениях% в какой-то момент .... или% по отношению ко всему окну

NoobEditor · Answer 1 · 2013-12-31T12-06-00.000Z

Добавь это

html,body{
   height:100%; /* add this*/
}
#header{
  position:absolute;    
  height:100%; /* add this*/
}

см. демо здесь

Зачем вам это нужно? #image имеет height установленную в процентах, в этом случае он будет искать свой родительский div для высоты, который является #header..... поэтому установите высоту всех элементов, если вы собираетесь использовать их в процентах! !

Другая ошибка: вы упомянули <div id=header>, это должно быть <div id="header"> (кавычки уведомлений)

Даже если в html-файле нет тега body, он будет неявно открыт. CSS будет применяться.
У вас нет тега тела? Чем у вас неверный HTML.
@TeoChuenWeiBryan: HTML без тела .... ты шутишь ????
Подождите. Вы имеете в виду добавить тело в моем CSS?
@TeoChuenWeiBryan: приятель ... просто view source любой веб-страницы .... ты поймешь! ИЛИ проверьте эту ссылку sencha.com/learn/html-page-setup, чтобы понять и настроить html-страницу .... или Google, чувак !! :)
Однако проблема в том, что когда я добавляю атрибут height как на #header и на #image изображение исчезнет на моем мобильном телефоне. Однако, если я удалю атрибут height из #image изображения, изображение снова появится снова.
У меня есть тело, но, к сожалению, после добавления этой строки кода это все равно не имеет значения.
@TeoChuenWeiBryan: ммм ... в идеале это должно работать .... вы можете просто обновить ur css в скрипке и опубликовать его ссылку ???

Shoaib Chikate · Answer 2 · 2013-12-31T11-34-00.000Z

Может быть, вы можете сделать это и отделить ваше содержимое заголовка и тела.

<div id="header">
</div>
<div id="content">
    <img src="something" id="image">
</div>

К сожалению, теперь я не могу удалить этот ответ тоже.
Сожалею. Незначительная ошибка, которую я пропускаю.
Почему вы не можете удалить свой вопрос?
потому что есть ответ, который мешает мне удалить вопрос
Очень непонятно, что вы хотите. И вы можете удалить тег img из заголовка. Я не понимаю, зачем использовать отображение заголовка в нем на 120%