Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: problemas con la ubicacion de las capas

  1. #1
    Recien Llegado! Habitual
    Fecha de Ingreso
    02 may, 09
    Mensajes
    13
    Poder de Reputación
    16

    problemas con la ubicacion de las capas

    holaa!! tengo un problema con las capas :(
    el tema es que la capa del pie me queda al lado de la de contenido. es decir la capa para el cntenido me ocupa cierto lugar. y la capa del pie esta al lado de la otra. les paso mis datos:

    plantilla.html:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <dib id="global">
    <div id="cabecera">bienvenido a mi web</div>
    <div id="navegacion">barra de navegacion</div>
    <div id="contenido">
    <div id="menu">
    <ul>[*]Enlace 1[*]Enlace 2[*]Enlace 3
    </div>
    esta sera la zona principal de la web
    </div>
    <div id="pie">este es el pie de la pagina</div>
    </div>
    </body>
    </html>

    estilo-general.css

    *{margin: 0px ; padding:0px ; border:0px}
    body{text-align: center}
    #global{width: 800px ; margin: 4px aunto}
    #cabecera {background-color: pink}
    #navegacion{background-color: gray}
    #contenido{background-color: orange ; width: 800px ; float:left}
    #menu{background: yellow ; width:150px ; float:left}
    #menu li{list-style:none ; text-align: left; margin:1px}
    #pie{background-color: brown}
    a{color:brown; font-size:1em; text-decoration:none; display:block}
    a:link {}
    a:visited{}
    a:hover{color:red; text-decoration: underline; background-color:silver}
    a:active {}

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    05 feb, 09
    Ubicación
    Caracas Venezuela
    Mensajes
    510
    Poder de Reputación
    18

    Re: problemas con la ubicacion de las capas

    Cita Iniciado por way
    holaa!! tengo un problema con las capas :(
    el tema es que la capa del pie me queda al lado de la de contenido. es decir la capa para el cntenido me ocupa cierto lugar. y la capa del pie esta al lado de la otra. les paso mis datos:

    plantilla.html:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <dib id="global">
    <div id="cabecera">bienvenido a mi web</div>
    <div id="navegacion">barra de navegacion</div>
    <div id="contenido">
    <div id="menu">
    <ul>[*]Enlace 1[*]Enlace 2[*]Enlace 3
    [/list]
    </div>
    esta sera la zona principal de la web
    </div>
    <div id="pie">este es el pie de la pagina</div>
    </div>
    </body>
    </html>

    estilo-general.css

    *{margin: 0px ; padding:0px ; border:0px}
    body{text-align: center}
    #global{width: 800px ; margin: 4px aunto}
    #cabecera {background-color: pink}
    #navegacion{background-color: gray}
    #contenido{background-color: orange ; width: 800px ; float:left}
    #menu{background-color: yellow ; width:150px ; float:left}
    #menu li{list-style:none ; text-align: left; margin:1px}
    #pie{background-color: brown}
    a{color:brown; font-size:1em; text-decoration:none; display:block}
    a:link {}
    a:visited{}
    a:hover{color:red; text-decoration: underline; background-color:silver}
    hola sr way corrija lo que le marque en rojo.
    saludos.
    a:active {}

  3. #3
    Recien Llegado! Habitual
    Fecha de Ingreso
    02 may, 09
    Mensajes
    13
    Poder de Reputación
    16
    ahh listo gracias ya lo solucione.

Temas Similares

  1. problema con la ubicación de las capas al flotar
    Por Pilirjm en el foro Webs con Capas o DIVS
    Respuestas: 1
    Último Mensaje: 24/06/2009, 09:46
  2. problemas al insertar capas sobre otras capas
    Por rub17 en el foro Foro General
    Respuestas: 2
    Último Mensaje: 19/04/2009, 11:20

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •