Моя страница (которая использует HTML5) отлично работает без doctype, но когда я добавляю HTML-тип, стили на <div>
не работают (в частности, один <div>
, который должен быть выровненный 20 пикселей слева не выравнивается ... другой <div>
, который должен иметь высоту 90%, возвращается к высоте по умолчанию ... и еще один <div>
, который я изменил межстрочный интервал и расстояние между символами, похоже, использует интервал между строками по умолчанию и расстояние между символами). Стили на <span>
s работают просто отлично, хотя ... кажется, это только <div>
s, у которых есть проблема. Я изменил <div>
на <section>
... все еще не работает. Я пробовал встроенные стили, затем переключился на таблицу стилей ... ни один из способов не работает. Я бросил в display:block;
(не уверен, что это делает), но он ничего не сделал.
И, кстати, с кодом ничего не получилось. Я проверил его через валидатор, и у него нет никаких ошибок.HTML5 стили div не работают
1
A
ответ
1
У Вас есть ошибка в вашем CSS
.indented {
display: block;
left: 20;
position: relative;
}
Должно быть:
.indented {
display: block;
left: 20px;
position: relative;
}
Обратите внимание, что вы должны указать значение единицы для значения 20
- в противном случае он может быть проигнорировано (что что вызывает вашу проблему!)
+0
Не знал этого. Спасибо! – user1404516
Смежные вопросы
- 1. : наклонные стили не работают
- 2. Стили не работают
- 3. Стили проверки формы не работают
- 4. Стили медиа-запросов не работают
- 5. Некоторые стили не работают?
- 6. Стили не работают в Gmail
- 7. Dojox ContentPane стили не работают
- 8. Полимерные бумажные стили не работают
- 9. Стили Div не работают в почтовых сообщениях Outlook
- 10. jekyll - css стили не работают
- 11. SCSS Выходные стили не работают
- 12. Стили редактора CK не работают
- 13. стили dompdf не работают на сервере
- 14. HTML5 теги не работают
- 15. .clone(). AppendTo - Заменить стили стилей не работают?
- 16. Ссылки не работают (HTML5/CSS)
- 17. Нестандартные стили слайдов не работают, как ожидалось
- 18. Стили не работают с библиотекой поддержки 22.1.0
- 19. Dojo Tab Стили не работают для меня
- 20. Мои стили стилей выполнения не работают?
- 21. Стили не работают в Wordpress плагин | wp_enqueue_styles()
- 22. стили css не работают только в хроме
- 23. WPF. Стили, определенные в темах, не работают
- 24. Стили Bootstrap не работают с IE
- 25. Мой нижний колонтитул CSS стили не работают
- 26. WPF: Почему вложенные стили не всегда работают?
- 27. WPF- Почему эти стили не работают?
- 28. IE 8 представить стили кнопки не работают
- 29. Стили для входов не работают на iPad
- 30. HTML5 - Обязательные поля не работают
Если возможно, перейдите на страницу http://jsfiddle.net и создайте самодостаточный пример, который иллюстрирует вашу проблему. –
Вот моя страница с материалами, которые выглядели пустыми: [ссылка] (http://kulukuku.webs.com/problem.htm). Вот то же самое, с удаленным doctype: [link] (http://kulukuku.webs.com/problem2.htm). Вы увидите, что он выглядит по-другому ... некоторые части выравниваются по-разному (больше, как я их хочу), и когда вы нажимаете кнопку, текст будет отображаться на странице, не содержащей doctype (в отличие от той, HTML5 doctype, где он показывает только несколько строк и добавляет полосу прокрутки ... это не то, что я хочу). – user1404516
Я сделал вам один для людей, чтобы помочь вам - http://jsfiddle.net/Px4wh/ – Neil