Entrar

Problemas con la div

agus22 · · Solicitar retirada
bueno miren
tengo un problema con el

desorden de las div cuando coloco el margen les dejo una
foto para qe vean y los codigos del estilo-general.css para ver si alguien me puede ayudar porfavor



[contenido no disponible]








Codigos:body {text-align: center}
*{margin: 80px ; padding:0px ; border: 0px}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red }
#navegacion {background-color: gray }
#contenido {background-color: orange }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown }



espero que me puedan ayudar.. :D
bla bla bla xD
JorGens · · Solicitar retirada
No debe ocuparte toda la pantalla, tan solo 800px que es lo que hemos definido en la capa global.

Peganos el codigo html de tu plantilla y lo arreglamos.

Un abrazo!
agus22 · · Solicitar retirada
el codigo de mi plantilla es teste:

Cita:
body {text-align: center}
*{margin: 0px ; padding:0px ; border: 0px}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red }
#navegacion {background-color: gray }
#contenido {background-color: orange }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown }


desde ya muchas gracias :D
bla bla bla xD
agus22 · · Solicitar retirada
jaja Ok no hay problema.

el codigo html es:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head><link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<divid="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">menu</div>Esta será la zona principal de la web</div>
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 2

    </div>

    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>



    :)
    • bla bla bla xD
    JorGens · · Solicitar retirada
    Tienes una errata en el codigo. Te la marco en rojo abajo:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <title>Page title</title>
    </head>
    <body>
    <divid="global">
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">menu</div>Esta será la zona principal de la web</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 2

    </div>

    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    • Tienes que separarlo, así:
    <div id="global">

    Hazlo y nos cuentas, oki?
    agus22 · · Solicitar retirada
    jaja muchass graciass
    esta todos DPM( perdon por la exprecion)

    pero...

    se me pone todo bien menos el pie de la pagina
    que es lo unci que se queda alargado te vuelvo
    a dejar el codigo html

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head><link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <title>Page title</title>
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">menu</div>Esta será la zona principal de la web</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 2

    </div>

    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>




    • y aca el codigo css estilo general:

    body {text-align: center}
    *{margin: 0px ; padding:0px ; border: 0px}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: red }
    #navegacion {background-color: gray }
    #contenido {background-color: orange }
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
    #pie {background-color: brown }

    bla bla bla xD
    JorGens · · Solicitar retirada
    Ah! Claro, ya lo veo.

    Hay un poco de lio en tu codigo. La verdad es que no se por qué lección te quedaste y quizás se arregle conforme sigas. Si lo dejas así iras bien, pero es mejor que veas en qué paso de las lecciones te despistaste para retomar las lecciones allí.


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head><link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <title>Page title</title>
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 2

    </div>
    Esta será la zona principal de la web
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
    • agus22 · · Solicitar retirada
    Hay un poco de lio en tu codigo. La verdad es que no se por qué lección te quedaste y quizás se arregle conforme sigas. Si lo dejas así iras bien, pero es mejor que veas en qué paso de las lecciones te despistaste para retomar las lecciones allí.


    Muchisimas graciasss de verdaa
    unn saludo y de nuevo muchas gracias :D