<div id="content">
<div id="tab-container">
текст
</div>
<div id="tab-headers">
текст
</div>
<div style="clear:both;"></div>
</div>
Задаю стили:
#content {
background-color:#fff;
width:1000px;
border: 1px solid #b8f878;
border-radius:5px;
margin:0 auto;
height:100%;
}
#tab-container {
background-color:#F5FDED;
float: right;
border: 1px solid #dedede;
width:903px;
padding-left:15px;
height:100%;
}
#tab-headers {
background-color: #fff;
float: left;
width: 80px;
}
Если в начале документа я указываю:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
У мне оба дива, где height:100%; не растягиваются по высоте страницы. Помогите, пожалуйста, на что нужно поменять DOCTYPE. чтобы работало, как надо.
Спустя 10 минут, 8 секунд (18.10.2011 - 15:45) Winston написал(а):
#content замени на
Спустя 2 минуты, 44 секунды Winston написал(а):
Или добавить еще один стиль для html и body (та будет лучше)
После этого стиль для #content можешь оставить без изменений.
html, body, #content
Спустя 2 минуты, 44 секунды Winston написал(а):
Или добавить еще один стиль для html и body (та будет лучше)
html, body{
height: 100%;
}
После этого стиль для #content можешь оставить без изменений.
Спустя 4 минуты, 4 секунды (18.10.2011 - 15:49) Лена написал(а):
Спасибо, не догадалась.
Спустя 11 минут, 47 секунд (18.10.2011 - 16:01) Лена написал(а):
Сейчас в проект перенесла, указала, как вы сказали html, body{
height: 100%;
}, не работает почему-то. А если в отдельном файле - работает.
height: 100%;
}, не работает почему-то. А если в отдельном файле - работает.
Спустя 1 минута, 20 секунд (18.10.2011 - 16:02) Winston написал(а):
| Цитата (Лена @ 18.10.2011 - 16:01) |
| Сейчас в проект перенесла |
А вы так написали ?
<style type="text/css">
html, body{
height: 100%;
}
</style>
Спустя 6 минут, 35 секунд (18.10.2011 - 16:09) Лена написал(а):
Да, опять же, убираю DOCTYPE - все нормально отображается.
Спустя 3 минуты (18.10.2011 - 16:12) Winston написал(а):
Проверьте валидность вашего css.
ТЫЦ
ТЫЦ
Спустя 2 минуты, 26 секунд (18.10.2011 - 16:14) Лена написал(а):
Он у меня сейчас на локалхосте, без url, выкладывать на хост я не буду, для этого нужно распоряжение начальства.
Спустя 1 минута, 14 секунд (18.10.2011 - 16:16) Winston написал(а):
Там можно файл проверить
ТЫЦ
Спустя 1 минута Winston написал(а):
Или даже просто вставить стили и проверить.
ТЫЦ
Спустя 1 минута Winston написал(а):
Или даже просто вставить стили и проверить.
Спустя 17 минут, 26 секунд (18.10.2011 - 16:33) Лена написал(а):
В файле 3 ошибки:
Свойство border-radius не существует в CSS2.1, но существует в : 5px 5px
55 Неизвестный псевдоэлемент или псевдокласс :not
85 #butt_search a Свойство border-radius не существует в CSS2.1, но существует в : 3px 3px
Не думаю, что они на что-то влияют.
Свойство border-radius не существует в CSS2.1, но существует в : 5px 5px
55 Неизвестный псевдоэлемент или псевдокласс :not
85 #butt_search a Свойство border-radius не существует в CSS2.1, но существует в : 3px 3px
Не думаю, что они на что-то влияют.
Спустя 3 минуты, 51 секунда (18.10.2011 - 16:37) Winston написал(а):
Хорошо, а если элементы html и body
переписать так
И
переписать так
<html style="height:100%;">
И
<body style="height:100%;">
Спустя 10 минут, 52 секунды (18.10.2011 - 16:48) Лена написал(а):
Так тоже не работает. Еще глянула в результирующий код на всякий случай - там все, как вы сказали <html style="height:100%;"> и <body style="height:100%;">
Спустя 4 минуты, 45 секунд (18.10.2011 - 16:53) Winston написал(а):
Блин, вы наверное что-то не то делаете, т.к. даже поискать в интернете насчет
height 100% strict.dtd
Все советуют использовать стиль
height 100% strict.dtd
Все советуют использовать стиль
html, body{
height: 100%;
}
Спустя 43 минуты, 10 секунд (18.10.2011 - 17:36) VELIK505 написал(а):
Не используйте старьё как динозавры. Сносите весь свой доктайп и пропишите просто:
И в css пропишите:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
И в css пропишите:
html,body{
width: 100%;
height: 100%;
min-width: 1000px; /*Так как верстаете дивами чтобы блоки на друг друга не залазили на мелких разрешениях*/
font-family: Arial, Tahoma;
}
Спустя 26 минут, 30 секунд (18.10.2011 - 18:02) m4a1fox написал(а):
VELIK505
| Цитата |
| <!DOCTYPE html> |
Эво как! Книжек по html5 почитали? Это конечно все здорово..... но еще рано!
Спустя 8 минут, 3 секунды (18.10.2011 - 18:10) VELIK505 написал(а):
Чё рано то? Яху, Гугл, Яндекс, Руселлер и многие другие уже HTML5 и всё нормально и я верстал уже в HTML5 на работе сайт кроссбраузерность отменная если руки прямые. + Куча новых нужных тегов как для красивого вида так и для поисковых систем что самое главное! + легче пройти валидацию
Спустя 20 часов, 18 минут (19.10.2011 - 14:28) sebastjan написал(а):
Мне кажеться что VELIK505 дело говорит.
А то получится что даже валидная вёрстка вылезет криво при ошибочно указанном доктипе.
google к примеру не испльзует доктип.
А то получится что даже валидная вёрстка вылезет криво при ошибочно указанном доктипе.
google к примеру не испльзует доктип.
Спустя 2 часа, 10 минут, 41 секунда (19.10.2011 - 16:39) ceil100 написал(а):
а с фига ли рано?
нормально
и с минимальными отклонениями в разных браузерах
нормально
и с минимальными отклонениями в разных браузерах