Foros del Web » Creando para Internet » Diseño web »

Centrado página

Estas en el tema de Centrado página en el foro de Diseño web en Foros del Web. Vuelvo a preguntar porque creo que en el anterior post no me expliqué correctamente. Lo que pretendo es que la página ( trabajo con DIV) ...
  #1 (permalink)  
Antiguo 09/07/2009, 10:40
 
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 9 años, 2 meses
Puntos: 3
Centrado página

Vuelvo a preguntar porque creo que en el anterior post no me expliqué correctamente. Lo que pretendo es que la página ( trabajo con DIV) quede centrada sea cual sea la resolución de la pantalla.
He encontrado dos códigos en la red pero a mi no me funcionan.
Si podeis echarme una mano os lo agradezco.
Un saludo

Primer código:
<div style="margin: 0 auto; background:#CCC;">
contenido
</div>

Segundo código:
<HTML>
<HEAD>
<STYLE type="text/css">
.body {
margin-left: 20%;
margin-right: 20%;
width: 60%;
}
</STYLE>
</HEAD>
<BODY>
<DIV class="body">

<!-- web entera aquí -->

</DIV>
</BODY>
</HTML>
  #2 (permalink)  
Antiguo 09/07/2009, 10:50
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Centrado página

¿hablamos de centrado horizontal?
Has copiado parcialmente el primer código:
añade una anchura al div:
Cita:
.contenedor {
width: /*valor inferior al 100% de la ventana*/;
margin: 0 auto;
}
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 09/07/2009, 11:06
 
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 9 años, 2 meses
Puntos: 3
Respuesta: Centrado página

Gracias por responder.

He puesto esto pero no me funciona.

</html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<div style="margin: 0 auto; background:#CCC;">
contenido.contenedor {width: /*valor inferior al 100% de la ventana*/; margin: 0 auto; }

<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; width:57px; height:72px; z-index:1; left: 21px; top: 88px"><img src="truskybaul/1f4d1s2d3o0t1g2j5g4j7d7m8n8b5bo.GIF" width="131" height="137"></div>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 554px; top: 307px"><img src="truskybaul/0f2g5o0f2f3c6v0l0c1f5p5d0f2o6d5f9.GIF" width="218" height="120"></div>
</div>

</body>
  #4 (permalink)  
Antiguo 09/07/2009, 11:25
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 14 años, 8 meses
Puntos: 34
Respuesta: Centrado página

Es que aca debes poner el ancho que tu quieres

<div style="width: 500px; margin: 0 auto; background:#CCC;">
__________________
elGastronomo
  #5 (permalink)  
Antiguo 09/07/2009, 12:02
 
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 9 años, 2 meses
Puntos: 3
Respuesta: Centrado página

Antes me preguntasteis: Centrado horizontal.

He puesto lo que me decis pero no me va, lo siento. Algo hago mal, o coloco mal alguna parte del código.

</html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>


<div style="width: 500px; margin: 0 auto; background:#CCC;"> contenido.contenedor {width: /*valor inferior al 100% de la ventana*/; margin: 0 auto; }

<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; width:57px; height:72px; z-index:1; left: 21px; top: 88px"><img src="truskybaul/1f4d1s2d3o0t1g2j5g4j7d7m8n8b5bo.GIF" width="131" height="137"></div>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 554px; top: 307px"><img src="truskybaul/0f2g5o0f2f3c6v0l0c1f5p5d0f2o6d5f9.GIF" width="218" height="120"></div>
</div>

</body>
  #6 (permalink)  
Antiguo 12/07/2009, 07: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: Centrado página

Hola:

Cita:
Iniciado por truskyvb Ver Mensaje
<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; width:57px; height:72px; z-index:1; left: 21px; top: 88px"><img src="truskybaul/1f4d1s2d3o0t1g2j5g4j7d7m8n8b5bo.GIF" width="131" height="137"></div>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 554px; top: 307px"><img src="truskybaul/0f2g5o0f2f3c6v0l0c1f5p5d0f2o6d5f9.GIF" width="218" height="120"></div>
</div>
</body>
¿Cómo pretendes centrar el contenido si, al mismo tiempo, le estás diciendo a los div's (layer1 y layer2) donde se tienen que colocar?

Saludos.

  #7 (permalink)  
Antiguo 12/07/2009, 08:54
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Centrado página

Hola Truskyvb
Aplica la solución recomendada en este tema.
Cambia la anchura por la que tú necesites, y para que la solución sea personalizada, al div "#yo_arcanisgk1_prometo_leer_manual_de_css" le cambias el nombre por "#yo_Truskyvb_prometo_leer_manual_de_css" en el css y html.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 12/07/2009, 14:54
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: Centrado página

Hola:

Cita:
Iniciado por kseso? Ver Mensaje
Hola Truskyvb
Aplica la solución recomendada en este tema.
Cambia la anchura por la que tú necesites, y para que la solución sea personalizada, al div "#yo_arcanisgk1_prometo_leer_manual_de_css" le cambias el nombre por "#yo_Truskyvb_prometo_leer_manual_de_css" en el css y html.

Un saludo


Saludos.

  #9 (permalink)  
Antiguo 12/07/2009, 15:02
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 11 años, 2 meses
Puntos: 12
Respuesta: Centrado página

Cita:
Iniciado por truskyvb Ver Mensaje
Antes me preguntasteis: Centrado horizontal.

He puesto lo que me decis pero no me va, lo siento. Algo hago mal, o coloco mal alguna parte del código.

</html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>


<div style="width: 500px; margin: 0 auto; background:#CCC;"> contenido.contenedor {width: /*valor inferior al 100% de la ventana*/; margin: 0 auto; }

<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; width:57px; height:72px; z-index:1; left: 21px; top: 88px"><img src="truskybaul/1f4d1s2d3o0t1g2j5g4j7d7m8n8b5bo.GIF" width="131" height="137"></div>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 554px; top: 307px"><img src="truskybaul/0f2g5o0f2f3c6v0l0c1f5p5d0f2o6d5f9.GIF" width="218" height="120"></div>
</div>

</body>
uyyy el BODY dentro de un DIV. plop eso pasa por usar Dreamweaver
  #10 (permalink)  
Antiguo 12/07/2009, 15:39
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: Centrado página

Hola:

De eso no me había dado cuenta.

Saludos.

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 21:47.