Problema contenedor

elkpo15 · #1 (**permalink**) 13/02/2010, 23:24

Hola a todos, tengo un problema, yo hace un rato termine una pagina pero ahora que me doy cuenta le falta un contenedor, veo que sin esto trae muchos problemas por que yo uso de browser el mozilla y en el explorer me lo muestra totalmente diferente la pagina y mi duda es como se implementa un contenedor.

newer2302 · #2 (**permalink**) 13/02/2010, 23:27

tienes que usar DIV al principio y al final de todo lo que quieras que este en el contenedor

elkpo15 · #3 (**permalink**) 13/02/2010, 23:32

Bueno si eso si lo puse, pero ademas de eso que parametros hay que agregarles al contenedor para que quede bien y si es posible me dicen para que sirve cada uno

jomaruro · #4 (**permalink**) 14/02/2010, 07:04

Hola:

Es una pregunta muy ambigüa, dependerá de como quieras maquetar tu página, pero...
un width, un height, un padding, un margin. Todo depende de tí

Saludos.

elkpo15 · #5 (**permalink**) 14/02/2010, 07:13

Bueno mira yo te comento mi problema a ver si es posible que se aclare, yo ahora estoy realizando una nueva pagina como "practica", de lo cual estoy usando:

Código HTML:

Ver original<!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" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="muchas cosas"/>
<meta http-equiv="Refresh" content="5;URL=">  
<link href="Estilos.css" type="text/css" rel="stylesheet"/>
<title>Bienvenidos a mi pagina</title>
</head>
<body>
<div id="contenedor">
<div id="cabezera">
</div>
</div>

Código CSS:

Ver original*
{
margin:0px;
padding:0px;
}
 
body
{
background-color:#000000;
color:#FF0000;
}
 
/* Contenido total */
 
#contenedor
{
width:100&#37;;
height:120%;
margin-left:1em;
margin-right:1em;
padding:0em;
}
 
#cabezera
{
width:100%;
height:5em;
background-color:#3300FF;
}

el problema surge que cuando abro la pagina con mozilla la cabezera me queda pegada hacia la derecha y como es posible si yo dentro del contenedor puse margin-left:1em y margin-right:1em y supuestamente la cabezera tambien deberia cumplir con el mismo tamaño del contenedor si estan en width 100%, osea que quede un poco de espacio entre la derecha e izquierda

jomaruro · #6 (**permalink**) 14/02/2010, 09:09

Hola:

Si la cabecera ocupa el 100%, ¿Cómo va a dejar un margen a ambos lados?

Saludos.

elkpo15 · #7 (**permalink**) 14/02/2010, 09:25

Pero la cabezera esta dentro del contenedor, a lo mejor yo pensaba que segun el margen que contenga el "contenedor" surte efecto tambien en la cabezera; Total tiene un ancho de 100% dentro del contenedor solamente

jomaruro · #8 (**permalink**) 14/02/2010, 12:27

Hola:

Cita:

Iniciado por elkpo15

Total tiene un ancho de 100% dentro del contenedor solamente

Y el contenedor tiene el 100% ¿de qué? De la pantalla ¿no? Entonces, la cabecera tiene un ancho del 100% ¿De qué? Pues, sencillo, de la pantalla.

Saludos.

elkpo15 · #9 (**permalink**) 14/02/2010, 12:48

Entonces que forma puede haber para dejar un pequeño espacio entre la izquierda y la derecha del contenedor incluyendo la cabezera

jomaruro · #10 (**permalink**) 14/02/2010, 12:59

Hola:

Compara tu css con el que te pongo ahora:

Código:

* {
	margin:0 auto;
	padding:0;
}
 
body {
	background-color:#000000;
	color:#FF0000;
}
 
/* Contenido total */
 
#contenedor {
	width:95%;
	height:120%;
	/*margin-left:1em;
	margin-right:1em;*/
	padding:0em;
}
 
#cabezera {
	width:100%;
	height:5em;
	background-color:#3300FF;
}

Saludos.

elkpo15 · #11 (**permalink**) 14/02/2010, 14:16

Gracias jomaruro pero no era ese el resultado que esperaba, todavia el problema sigue, del codigo como lo adicionaste vos se ve a la derecha un poco mas extenso que el lado de la izquierda

jomaruro · #12 (**permalink**) 15/02/2010, 15:46

Hola:

¿Estás seguro? Yo lo veo así:

Saludos.

elkpo15 · #13 (**permalink**) 16/02/2010, 03:35

Que raro a mi me da un resultado similar al de la imagen que puse anteriormente

jomaruro · #14 (**permalink**) 16/02/2010, 04:37

Hola:

Y ¿Has refrescado la caché?

Saludos.

elkpo15 · #15 (**permalink**) 16/02/2010, 11:41

Si, pero el resultado como dije antes es el mismo

jomaruro · #16 (**permalink**) 16/02/2010, 12:31

Hola:

El código que has puesto aquí no es el código completo de la página ¿verdad? Porque puede haber algún código que por herencia esté interfiriendo en este. Si has subido la página era mejor que pusieras la URL para comprobarlo mejor.

Saludos.

xcoltx · #17 (**permalink**) 16/02/2010, 13:55

Hola

quizas este mal poner elementos con width:100% dentro de otros tambien con width:100%... al menos yo jugaria con los 9x% para hacer encajar mas o menos bien la cosa.

prueba poner menos porcentaje y ahi lo centras con los margin-left y margin-right en auto.

quizas entendi mal pero igual quize intentar :P

prueba este code

Código CSS:

Ver original*{
margin:0;
padding:0;
}
 
body
{
background-color:#000000;
color:#FF0000;
}
 
/* Contenido total */
 
#contenedor
{
width:95%;
height:98%;
margin-left:auto;
margin-right:auto;
background-color:#FF0000;
padding-top:10px;
}
 
#cabezera
{
width:95%;
margin-left:auto;
margin-right:auto;
height:5em;
background-color:#3300FF;
}