2015-06-07 25 views
5

Web sitem neredeyse W3C Validator'a işaretlendiğinde% 100 yapıldı. Bir Doctype bildirmediğimi belirten bir hata oluştu. Bu yüzden HTML 5 <!DOCTYPE html>'u ekledim. Tamam, hata gitti. Ama bu düzen neden bu kadar dağınık hale geliyor?HTML 5 Doctype karışıklık düzeni

Lütfen aşağıya bakın.
http://itsdaffa.16mb.com/ -> Doctype
http://itsdaffa.16mb.com/error.html olmadan -> DOCTYPE

Ben benzer sorunlar hakkında bazı cevaplar tökezledi ama çoğunlukla onların kodun belirli bir hata olduğundan gerçekten anlayamadık İLE. Örneğin, this question'da kullanıcı, kodumda hiç yokken right özellik değerlerini kaldırarak sorunu çözdü.
Bunun için yeni bir başlangıç ​​yapıyorum, aslında bu, sıfırdan inşa ettiğim ilk site. Umutsuzca yardıma ihtiyacım var. Teşekkür :)

+0

bakınız açıklama. –

+0

tamam, yorum bayrağı silindi. – Blake

cevap

6

Sen CSS'nizde bu koymak gerekir:

html, body { 
    height: 100% 
} 

o zaman standartları moduna tuhaflıklar modundan geçiş Doctype'ı eklediğinizde sebebi. Standartlar modunda html ve gövde öğeleri varsayılan olarak% 100'e ayarlanmaz.

Ben çoğaltmak olmadığını kanıtlamak için soruyu düzenledikten here

+0

Teşekkürler! Bu benim problemimi çözdü. Neden "beden" i seçemediğimi ve "html" yi "% 100" olarak eklemeliyim diye bir fikrim var mı? Bağlantılı soru niçin 'html' etiketini seçmem gerektiğini açıklamıyor. Teşekkür ederim. –

+0

Temel olarak, gövde yalnızca konteyner kadar büyük olabilir (HTML öğesi). Bir kart paketi gibi düşünürseniz; Güverte paketi html öğesini temsil eder, kartlar html içinde bulunan gövde elemanını temsil eder. Güverte paketine 52'den fazla kart sığdırmak zor olacaktır. Bu nedenle kart paketinin boyutunu arttırmanız gerekir. – Jackson

+0

Teşekkürler! İşler netleşmeye başladı. Ama merak ettim, tam tersi, neden sadece 'html' etiketini seçemiyorum? –