Entrar

Ayuda con los DIVs

AlbertoXt · · Solicitar retirada
Hola!! Despues de acabar el curso paso a paso por tablas, el ansia de conocimiento :D , me llevó a meterme en el de DIVs, todo me iva muy bien, pero ahora, no se que pasa que despues de definir el margin con la hoja de estilos , abro la pagina hecha con el bloc de notas con el internet explorer, y no estaba como deveria estar al aplicar el margin. Adjunto, la hoja de estilos y el codigo html a ver que os parece gracias.

Hoja de estilos:

BODY {BACKGROUND-COLOR:yellow ;}

#global {BACKGROUND-COLOR:#FF9900 ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ;}

#bartolo {BACKGROUND-COLOR:#00CC00 ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; }

#catalina {BACKGROUND-COLOR:#00CCFF ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; }

HTML:

<HTML>

<HEAD>

<TITLE>Titulo de mi página</TITLE>

<LINK rel="stylesheet" href="estilo.css" type="text/css" media="all">

</HEAD>

<BODY>

<DIV id="gloval">

<DIV id="bartolo">

Este es mi primer DIV llamado bartolo</P></DIV>

<DIV id="catalina">

Este es mi segundo DIV llamado catalina</P></DIV>

</DIV>

</BODY>

</HTML>
hq · · Solicitar retirada
Ten en cuenta, que al poner "margin" (igual que con "padding" y "border"), haces que los DIVs ocupen más, así es que a lo mejor, consigues que se "mueva" el puzle.

En los DIVs es lo que más curro lleva, que se acoplen los DIVs unos a otros perfectamente en varios navegadores :wink: , pero no te preocupes, que al final se consigue (y si no mira mi web, jejeje)
AlbertoXt · · Solicitar retirada
gracias, probaré a ver, pero es que como jorgens era asi como decia que tenia quedar en el curso y al él si se le veia el DIV gloval, pero a mi los otros dos me lo tapan despues de cambiar el margin, o sea igual que antes de cambiarlo
JorGens · · Solicitar retirada
Quizás algún navegador no cree que global y gloval es lo mismo..... :lol: Revisa la ortografía en el código de tu web amigo! :roll:

#global {BACKGROUND-COLOR:#FF9900 ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ;}

<DIV id="gloval">


:wink:
hq · · Solicitar retirada
A ver si va a ser eso, jeje (no, si ya sabía yo que necesitaba gafas)
AlbertoXt · · Solicitar retirada
q fallo :oops: , no es para nada la primera vez que me pasan cosas de ese tipo, pocas veces sera que me an bajado nota en el instituto por eso jajajaj :roll:
AlbertoXt · · Solicitar retirada
A pues todavia no, le he puesto "b" en vez de "v" y aun asi no se que pasa que aun no se me ve el gloval como tu dices en el curso :( que palo, siempre tengo problemas con los estilos css
JorGens · · Solicitar retirada
Corrigiendo el problema de la B y la V, he copiado el codigo html y lo he guardado en mi pc y he echo lo mismo con la página y si me funcionan los margenes, eso si, como el valor de de solo 4px apenas se nota. Si lo subes a 40px si notarás mejor los cambios.

Dinos si lo consigues! :wink:
AlbertoXt · · Solicitar retirada
:D por fin, ya me sale, al aplicarle el padding no se que ha pasado que me ha salido todo ya, no se que seria, bueno muchas gracias de todos modos, estaba en crisis, se me habian quitado las ganas de seguir con el curso de DIVs menos mal
AlbertoXt · · Solicitar retirada
Hola de nuevo, vuelvo a tener problemas, solo que ahora con la lección de tres DIVs, es cribiendolo yo no se que pasaba que no me quedava bien, y no se me veia el DIV glob, pero luego, lo copie tal y como esta puesto en el curso y no se que pasa que solo salen letras con el fondo blanco :(