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, 09:40
 
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 16 años, 1 mes
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, 09:50
Colaborador
  
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
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, 10:06
 
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 16 años, 1 mes
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, 10:25
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años, 7 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, 11:02
 
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 16 años, 1 mes
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, 06:31
Avatar de jomaruro
Colaborador
  
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 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, 07:54
Colaborador
  
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
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, 13:54
Avatar de jomaruro
Colaborador
  
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 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, 14:02
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 18 años, 1 mes
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, 14:39
Avatar de jomaruro
Colaborador
  
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 22:47.