2012-05-19 6 views
1

Моя страница (которая использует HTML5) отлично работает без doctype, но когда я добавляю HTML-тип, стили на <div> не работают (в частности, один <div>, который должен быть выровненный 20 пикселей слева не выравнивается ... другой <div>, который должен иметь высоту 90%, возвращается к высоте по умолчанию ... и еще один <div>, который я изменил межстрочный интервал и расстояние между символами, похоже, использует интервал между строками по умолчанию и расстояние между символами). Стили на <span> s работают просто отлично, хотя ... кажется, это только <div> s, у которых есть проблема. Я изменил <div> на <section> ... все еще не работает. Я пробовал встроенные стили, затем переключился на таблицу стилей ... ни один из способов не работает. Я бросил в display:block; (не уверен, что это делает), но он ничего не сделал.
И, кстати, с кодом ничего не получилось. Я проверил его через валидатор, и у него нет никаких ошибок.HTML5 стили div не работают

+2

Если возможно, перейдите на страницу http://jsfiddle.net и создайте самодостаточный пример, который иллюстрирует вашу проблему. –

+1

Вот моя страница с материалами, которые выглядели пустыми: [ссылка] (http://kulukuku.webs.com/problem.htm). Вот то же самое, с удаленным doctype: [link] (http://kulukuku.webs.com/problem2.htm). Вы увидите, что он выглядит по-другому ... некоторые части выравниваются по-разному (больше, как я их хочу), и когда вы нажимаете кнопку, текст будет отображаться на странице, не содержащей doctype (в отличие от той, HTML5 doctype, где он показывает только несколько строк и добавляет полосу прокрутки ... это не то, что я хочу). – user1404516

+0

Я сделал вам один для людей, чтобы помочь вам - http://jsfiddle.net/Px4wh/ – Neil

ответ

1

У Вас есть ошибка в вашем CSS

.indented { 
    display: block; 
    left: 20; 
    position: relative; 
} 

Должно быть:

.indented { 
    display: block; 
    left: 20px; 
    position: relative; 
} 

Обратите внимание, что вы должны указать значение единицы для значения 20 - в противном случае он может быть проигнорировано (что что вызывает вашу проблему!)

+0

Не знал этого. Спасибо! – user1404516

Смежные вопросы