funcionamiento css y html

carlod_39 · #1 (**permalink**) 10/01/2012, 09:04

Porque el navegador (Firefox 9.0.1) le da formato a la pagina con body en el css si no lo he puesto en el html
el body en el css le puse color de fondo y ancho
pero no lo puse la etiqueta body en el html pero igual le da el formato a la pagina ¿a que se debe?
aquí le dejo la dirección de la pagina para que la miren

190.208.115.227/1/

es ip dinámica no durara mucho

jamie_88 · #2 (**permalink**) 10/01/2012, 09:17

creo que el firefox (y los otros navegadores tambien creo), al interpretar el codigo si se te "olvido" poner el tag body lo ponen ellos automaticamente, si miras el codigo generado notaras que aparece el tag body; y al aparecer el tag body andra a leer el formato que le has dado en el css.

para mas y mejores detalles espera que te responda uno que sabe mas XD...

kseso? · #3 (**permalink**) 10/01/2012, 09:23

¿Qué deberíamos hacer con los desarrolladores de navegadores que hasta han previsto que haya quien se olvide* de colocar las etiquetas más básicas? ¿Susto o muerte?.

Si utiliza firefox dele a ver código fuente y si tiene el analizador desplegado vea qué le dice:

Cita:

line 6 column 2 - Warning: inserting implicit <body>

* Hace ya un tiempo hubo por aquí cierta mosca *** que defendía no se que de no utilizarlas.

carlod_39 · #4 (**permalink**) 10/01/2012, 10:19

a no conocía eso, pero todo comenzó porque trate de poner el pie de pagina fuera del body pero no pude así que lo borre ya hice el cambio en la pagina de ejemplo con el body incluido pero el pie de pagina igual se ve afectado y lo he puesto afuera
(cuando pongo ver código fuente de la pagina se ve igual al código que tengo en el servidor)

emprear · #5 (**permalink**) 10/01/2012, 11:05

Cita:

Iniciado por carlod_39

Porque el navegador (Firefox 9.0.1) le da formato a la pagina con body en el css si no lo he puesto en el html
el body en el css le puse color de fondo y ancho
pero no lo puse la etiqueta body en el html pero igual le da el formato a la pagina ¿a que se debe?
aquí le dejo la dirección de la pagina para que la miren

190.208.115.227/1/

es ip dinámica no durara mucho

No entiendo el razonamiento, tu página, efectivamente tiene esto en el código

Código HTML:

Ver original<html>
<head>
    <link rel="stylesheet" href="/1/estilo.css" type="text/css">
    <title>Titulo</title>
</head>
<body>
    <header>
    <h1>Titulo</h1>
    </header>
    <nav>
        <ul>
        <li><a href="#">Menu 1</a></li>
        <li><a href="#">Menu 2</a></li>
        <li><a href="#">Menu 3</a></li>
        <li><a href="#">Menu 4</a></li>
        <li><a href="#">Menu 5</a></li>
        <li><a href="#">Menu 6</a></li>
        </ul>
    </nav>
    <aside>
        Menu Lado
    </aside>
    <article>
        Articulo
    </article>
</body>
<footer>
    Pie de Paguina
</footer>
</html>

Es cierto que a veces Firefox pasa por alto errores, (cosa tan grave a mi juicio, como que IE no respete un estándar), pero en este caso, no veo que se aplique. En cuanto a IE, a menos que declares un Doctype, no te va a reconocer los estilos.

Saludos

carlod_39 · #6 (**permalink**) 10/01/2012, 11:32

parece que no leíste arriba dije que modifique la pagina y agregue el body pero el pie de pagina también se ve afectado con el body

Código HTML:

...
</body>
<footer>
    Pie de Paguina
</footer>
</html>

estando afuera de el

emprear · #7 (**permalink**) 10/01/2012, 11:41

Cita:

parece que no leíste arriba dije que modifique la pagina y agregue el body pero el pie de pagina también se ve afectado con el body

Si ahora lo leo, es que estaba redactando el post en el interín que publicaste el otro

SAludos

carlod_39 · #8 (**permalink**) 10/01/2012, 14:27

¿que puedo hacer para que el pie de pagina no se afecte por el ancho del body?
aqui esta el código fuente de la pagina

Código HTML:

 <html>
    <head>
        <link rel="stylesheet" href="/1/estilo.css" type="text/css">
        <title>Titulo</title>
    </head>
    <body>
        <header>
        <h1>Titulo</h1>
        </header>
        <nav>
            <ul>
            <li><a href="#">Menu 1</a></li>
            <li><a href="#">Menu 2</a></li>
            <li><a href="#">Menu 3</a></li>
            <li><a href="#">Menu 4</a></li>
            <li><a href="#">Menu 5</a></li>
            <li><a href="#">Menu 6</a></li>
            </ul>
        </nav>
        <aside>
            Menu Lado
        </aside>
        <article>
            Articulo
        </article>
    </body>
    <footer>
        Pie de Paguina
    </footer>
    </html>

(el link anterior ya lo quite)

emprear · #9 (**permalink**) 10/01/2012, 14:42

otra vez vas a dejar el footer por fuera del body? o fue un descuido?

Dale a footer display: block; y dimensionalo a tu gusto

Saludos

carlod_39 · #10 (**permalink**) 10/01/2012, 16:31

ok, gracias eso no sabia si se podía dejar fuera el footer