HTML - problema con <!DOCTYPE HTML>

 
Vista:
Imágen de perfil de Eduardo
Val: 12
Ha disminuido su posición en 12 puestos en HTML (en relación al último mes)
Gráfica de HTML

problema con <!DOCTYPE HTML>

Publicado por Eduardo (3 intervenciones) el 22/08/2020 17:28:52
Saludos expertos.

Luego de validar mi proyecto en la página validator.w3.org me indicó que al inicio de mis páginas le faltaba el tag <! DOCTYPE HTML>.

Se lo coloqué a las páginas que faltaban y luego al recargar el proyecto me di con la sorpresa que el ALTO de las páginas se habia modificado haciendo que el contenido de la página ocupe solo la parte superior del navegador, dejando en blanco más del 70% del disponible.

Sin el <!DOCTYPE HTML>:

login-doctype-sin

Con el <!DOCTYPE HTML>:

login-doctype

¿ Alguien me podria indicar porque ocurre esto y como solucionarlo sin quitar el tag ?

Gracias anticipadas.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
-1
Responder
Imágen de perfil de Lopez
Val: 861
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

problema con <!DOCTYPE HTML>

Publicado por Lopez (266 intervenciones) el 23/08/2020 01:33:36
Hola Eduardo,

Si la estructura/codigo inicial de tu HTML (Hasta la apertura del body al menos) no sabría decirte,
si es un tema de declaraciones, CSS u otro.

Quedamos atentos,
Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 1.090
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

problema con <!DOCTYPE HTML>

Publicado por joel (297 intervenciones) el 23/08/2020 10:42:27
Como dice Lopez, faltaría ver el código...

Ten en cuenta, que dependiendo de la cabecera que tuvieras, estas utilizando una u otra versión de HTML...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Eduardo
Val: 12
Ha disminuido su posición en 12 puestos en HTML (en relación al último mes)
Gráfica de HTML

problema con <!DOCTYPE HTML>

Publicado por Eduardo (4 intervenciones) el 24/08/2020 21:25:37
Saludos amigos,

Primero agradecer su tiempo y atención. Esta es la página con el problema del tag:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<html lang="es">
 
   <head>
      <title>Login</title>
      <link rel="stylesheet" type="text/css" href="css/login.css">
      <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
 
   <body>
 
      <div class="login_layout">
         <div class="secc1">
         </div>
         <div class="secc2">
         </div>
         <div class="secc3">
         </div>
         <div class="secc4">
         </div>
         <div class="secc5">
            <div class="login_form">
               <form action= "login_validar.php" method="GET">
                  <div class="row-logo">
                     <img src="imagen/logo.png" alt="Inversiones Farmacom S.A.">
                  </div>
                  <div class="row-titu">
                     ACCESO A LA WEB DE PEDIDOS
                  </div>
                  <div class="row-2-fields">
                     <div class="field-label">
                        <label for="usercod">Usuario:</label>
                     </div>
                     <div class="field-input">
                        <input type="text" id="usercod" name="get_clicod" maxlength="4" required>
                     </div>
                  </div>
                  <div class="row-2-fields">
                     <div class="field-label">
                        <label for="userpas">Clave:</label>
                     </div>
                     <div class="field-input">
                        <input type="password" id="userpas" name="get_clipas" required>
                     </div>
                  </div>
                  <div class="row-cent">
                     <input type="submit" value="ACCEDER">
                  </div>
               </form>
            </div>
         </div>
         <div class="secc6">
         </div>
         <div class="secc7">
         </div>
         <div class="secc8">
         </div>
         <div class="secc9">
         </div>
      </div>
 
   </body>
 
</html>

Estaré a la espera de sus observaciones,

Cordiales saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 12
Ha disminuido su posición en 6 puestos en HTML (en relación al último mes)
Gráfica de HTML

problema con <!DOCTYPE HTML>

Publicado por Donnovan (3 intervenciones) el 24/08/2020 21:38:55
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="es">
  <head>
    <title>Título de la WEB</title>
    <meta charset="UTF-8">
    <meta name="title" content="Título de la WEB">
    <meta name="description" content="Descripción de la WEB">
    <link href="http://dominio.com/hoja-de-estilos.css" rel="stylesheet" type="text/css"/>
  </head>
  <body>
    <header>
      <h1>Título de la WEB</h1>
    </header>
    <nav>
      <a href="http://dominio.com/seccion2.html">IR SECCIÓN 2</a>
      <a href="http://dominio.com/seccion2.html">IR SECCIÓN 3</a>
    </nav>
    <section>
      <article>
        <h2>CONTENIDO PRINCIPAL</h2>
        <p>Este es el contenido principal de mi web</p>
        <div>
          <p>Aquí tenéis una imagen.</p>
          <img src="http://dominio.com/imagen.jpg" alt="paisaje">
        </div>
      </article>
    </section>
    <aside>
      <h3>Banner de publicidad</h3>
      <a href="http://dominio-externo.com">
        <img src="http://dominio.com/banner-publicidad.png" alt="banner de publicidad">
      </a>
      <h3>Testimonios</h3>
      <p>Me gusta mucho esta página.</p>
    </aside>
    <footer>
      <h4>Avisos legales</h4>
      <a href="http://dominio.com/aviso-legal">Política de cookies</a>
      <h4>Redes sociales</h4>
      <a href="http://facebook.com/mi-pagina-de-facebook">Mi Facebook</a>
    </footer>
  </body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Lopez
Val: 861
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

problema con <!DOCTYPE HTML>

Publicado por Lopez (266 intervenciones) el 25/08/2020 07:28:02
Hola Eduardo,

En tus lineas 5 y 6 debes invertir el orden, quedando así:

1
2
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/login.css">

La respuesta a esto esta basado en que el meta viewport detecta las dimensiones de la pantalla primero,
por ello debe cargarse antes, así las hojas de estilo actúan sobre el HTML ya renderizado.

Saludos cordiales ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar