Los estilos CSS no se aplican correctamente, si se utiliza DOCTYPE
1) Los estilos CSS no se aplican correctamente a mi página HTML, si agrego una versión particular en html como HTML5, HTML4.1 estricto, etc., si elimino todas las declaraciones DOCTYPE, funciona bien.
Mi código HTML (se muestra correctamente sin DOCTYPE):
<code><html> <head> <title>Test</title> </head> <body style="background-color:green;height:100%;width:100%;"> <div>My Test page</div> <div style="background-color:red;height:100%;width:10%;"></div> </body> </html> </code>
Mi código HTML (el color de fondo rojo no se aplica con DOCTYPE):
<code><!DOCTYPE html> <html> <head> <title>Test</title> </head> <body style="background-color:green;height:100%;width:100%;"> <div>My Test page</div> <div style="background-color:red;height:100%;width:10%;"></div> </body> </html> </code>
Además, probé en lugar de HTML5, XHTML 1.0 estricto,
<code> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> </code>
y,
<code> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> </code>
Pero no funciona ninguno. Cómo agregar la versión correctamente.
2) También cuál es la mejor versión ahora. ¿HTML5 o html4.01 o HTML 4.01 con XHTML?