Foros del Web » Creando para Internet » CSS »

estos divs no se quieren centrar aunque los agrupe en un solo div principal...

Estas en el tema de estos divs no se quieren centrar aunque los agrupe en un solo div principal... en el foro de CSS en Foros del Web. Hola. He seguido algunos post de este foro de Css y tomando referencias de unos y otros comence a practicar con este codigo html: <!DOCTYPE ...
  #1 (permalink)  
Antiguo 14/06/2005, 00:35
 
Fecha de Ingreso: abril-2004
Mensajes: 634
Antigüedad: 19 años, 11 meses
Puntos: 2
estos divs no se quieren centrar aunque los agrupe en un solo div principal...

Hola.

He seguido algunos post de este foro de Css y tomando referencias de unos y otros comence a practicar con este codigo html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="/3.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="todo">
<div id="encabezado">la cabecera </div>
<div id="navegacion">el menu </div>
<div id="contenido">la informacion </div>
<div id="pie_de_pagina">el menu de abajo</div>
</div>
</body>
</html>


Todo se ve bonito hasta llegar al punto de querer centra todo. Podria seguir asi, pero si despues se me ocurre centrar todo?, entonces hice la sigte css:

#encabezado {
position:relative;
width:100%;
height:115px;
z-index:1;
background-color: #999999;
}
#navegacion {
position:relative;
width:170px;
z-index:2;
float:left;
background-color: #999966;
height: 600px;
}
#contenido {
position:relative;
width:530px;
z-index:3;
float:right;
background-color: #CCCCCC;
height: 400px;
}
#pie_de_pagina {
position:relative;
width:100%;
height:25px;
z-index:4;
background-color: #99CCFF;
}
.fill {
background-color: #FFFFFF;
width: 700px;
position: relative;
}
#todo {
background-color: #FFFFCC;
position: relative;
height: 100%;
width: 700px;
}



Si se fijan encerré todo en el Div "todo", pensando que colocando atributos para centrar este lo demas de adentro se centraria por defecto pero no fue asi. que estoy haciendo mal?.


Aparte, si siguiera con este mismo sistema, sin centrar, porq al momento de hacer una nueva capa con DW, en el interior de la capa contenido esta se crea, pero luego no esta disponible para verla?. o sea, si ahgo click en otra parte del archivo la capa no se visulaiza?.

Desde ya gracias.
__________________
Una a una resuelvo mis dudas... y una a una se me suman mas dudas... :adios:
  #2 (permalink)  
Antiguo 14/06/2005, 01:09
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 7 meses
Puntos: 381
Hola qué tal,

para centrar contenedores aplícales la propiedad margin-left y margin-right con un valor de auto
  #3 (permalink)  
Antiguo 14/06/2005, 17:48
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
He visto que tienes varios errores de posicionamiento si lo ves desde Firefox y Opera. De todas formas si quieres centrarlo otra manera puede ser esta, aunque te aconsejo que vayas modificando y adaptando el resto por tu cuenta e ir probando:

Código HTML:
#todo {
background-color: #FFFFCC;
margin:0 auto;
height: 100%;
width: 700px;
}
Saludosss
  #4 (permalink)  
Antiguo 15/06/2005, 23:38
 
Fecha de Ingreso: abril-2004
Mensajes: 634
Antigüedad: 19 años, 11 meses
Puntos: 2
gracias, me sirvio de mucho. Te lo agradezco.
__________________
Una a una resuelvo mis dudas... y una a una se me suman mas dudas... :adios:
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:26.