Foros del Web » Creando para Internet » HTML »

Problema contenedor

Estas en el tema de Problema contenedor en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/02/2010, 23:24
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 7 años, 10 meses
Puntos: 0
Problema contenedor

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.
  #2 (permalink)  
Antiguo 13/02/2010, 23:27
 
Fecha de Ingreso: septiembre-2009
Ubicación: Guanajuato
Mensajes: 196
Antigüedad: 8 años, 3 meses
Puntos: 3
Respuesta: Problema contenedor

tienes que usar DIV al principio y al final de todo lo que quieras que este en el contenedor
  #3 (permalink)  
Antiguo 13/02/2010, 23:32
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Problema contenedor

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

Última edición por elkpo15; 14/02/2010 a las 02:08
  #4 (permalink)  
Antiguo 14/02/2010, 07:04
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema contenedor

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.

  #5 (permalink)  
Antiguo 14/02/2010, 07:13
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Problema contenedor

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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  4. <meta name="description" content="muchas cosas"/>
  5. <meta http-equiv="Refresh" content="5;URL=">  
  6. <link href="Estilos.css" type="text/css" rel="stylesheet"/>
  7. <title>Bienvenidos a mi pagina</title>
  8. </head>
  9. <div id="contenedor">
  10. <div id="cabezera">
  11. </div>
  12. </div>

Código CSS:
Ver original
  1. *
  2. {
  3. margin:0px;
  4. padding:0px;
  5. }
  6.  
  7. body
  8. {
  9. background-color:#000000;
  10. color:#FF0000;
  11. }
  12.  
  13. /* Contenido total */
  14.  
  15. #contenedor
  16. {
  17. width:100&#37;;
  18. height:120%;
  19. margin-left:1em;
  20. margin-right:1em;
  21. padding:0em;
  22. }
  23.  
  24. #cabezera
  25. {
  26. width:100%;
  27. height:5em;
  28. background-color:#3300FF;
  29. }

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
  #6 (permalink)  
Antiguo 14/02/2010, 09:09
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema contenedor

Hola:

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

Saludos.

  #7 (permalink)  
Antiguo 14/02/2010, 09:25
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Problema contenedor

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

Última edición por elkpo15; 14/02/2010 a las 09:30
  #8 (permalink)  
Antiguo 14/02/2010, 12:27
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema contenedor

Hola:

Cita:
Iniciado por elkpo15 Ver Mensaje
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.

  #9 (permalink)  
Antiguo 14/02/2010, 12:48
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Problema contenedor

Entonces que forma puede haber para dejar un pequeño espacio entre la izquierda y la derecha del contenedor incluyendo la cabezera
  #10 (permalink)  
Antiguo 14/02/2010, 12:59
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema contenedor

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.

  #11 (permalink)  
Antiguo 14/02/2010, 14:16
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Problema contenedor

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
  #12 (permalink)  
Antiguo 15/02/2010, 15:46
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema contenedor

Hola:

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



Saludos.


Última edición por jomaruro; 15/02/2010 a las 15:55
  #13 (permalink)  
Antiguo 16/02/2010, 03:35
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Problema contenedor

Que raro a mi me da un resultado similar al de la imagen que puse anteriormente
  #14 (permalink)  
Antiguo 16/02/2010, 04:37
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema contenedor

Hola:

Y ¿Has refrescado la caché?

Saludos.

  #15 (permalink)  
Antiguo 16/02/2010, 11:41
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Problema contenedor

Si, pero el resultado como dije antes es el mismo
  #16 (permalink)  
Antiguo 16/02/2010, 12:31
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema contenedor

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.

  #17 (permalink)  
Antiguo 16/02/2010, 13:55
Avatar de xcoltx  
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema contenedor

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
  1. *{
  2. margin:0;
  3. padding:0;
  4. }
  5.  
  6. body
  7. {
  8. background-color:#000000;
  9. color:#FF0000;
  10. }
  11.  
  12. /* Contenido total */
  13.  
  14. #contenedor
  15. {
  16. width:95%;
  17. height:98%;
  18. margin-left:auto;
  19. margin-right:auto;
  20. background-color:#FF0000;
  21. padding-top:10px;
  22. }
  23.  
  24. #cabezera
  25. {
  26. width:95%;
  27. margin-left:auto;
  28. margin-right:auto;
  29. height:5em;
  30. background-color:#3300FF;
  31. }

Etiquetas: contenedor
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 03:10.