Foros del Web » Creando para Internet » CSS »

dudas sobre centrar página

Estas en el tema de dudas sobre centrar página en el foro de CSS en Foros del Web. /* CSS Document */ body { background-color:#000000; margin-left: 0px; margin-top: 0px; } #contenedor { width: 1024px; text-aling:center; } #contenido{ margin-top: 100px; margin-right:100px; margin-bottom: 0px; margin-left:100px; ...
  #1 (permalink)  
Antiguo 06/04/2009, 05:27
 
Fecha de Ingreso: noviembre-2008
Mensajes: 12
Antigüedad: 9 años, 1 mes
Puntos: 0
dudas sobre centrar página

/* CSS Document */


body
{
background-color:#000000;
margin-left: 0px;
margin-top: 0px;
}

#contenedor {

width: 1024px;
text-aling:center;

}

#contenido{
margin-top: 100px;
margin-right:100px;
margin-bottom: 0px;
margin-left:100px;
}


#botonera
{
float:left;
width:185;
height:291;
margin-left:-50px;
position:absolute;
top:430px;
z-index:2;
visibility:visible;



y en mi html:

<!--
.Estilo1 {color: #000000}

-->
</style></head>

<div id="body">
<div id="contenedor">
<div id="contenido">
<img src="imagenes/presentacion.gif"></img>

<div id="botonera">
</div>

</div>
</div>
</body>
</html>



Esto es lo que voy haciendo y se me va complicando!!!
He echo una capa con el nombre contenedor con 1024px para meter otra con el nombre contenido para facilitar el centrado...peroooo...
nada!!!según que navegador se me ve bien o mal...
Alguien me puede echar un cablee
  #2 (permalink)  
Antiguo 06/04/2009, 05:38
 
Fecha de Ingreso: junio-2008
Mensajes: 93
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: dudas sobre centrar página

Yo suelo usar este sistema:

body
{
background-color:#000000;
margin-left: 0px;
margin-top: 0px;
Código text-align: center:
Ver original
  1. text-align: center;
}

#contenedor{
margin: 0 auto;
}
  #3 (permalink)  
Antiguo 06/04/2009, 05:49
 
Fecha de Ingreso: marzo-2009
Mensajes: 171
Antigüedad: 8 años, 8 meses
Puntos: 4
Respuesta: dudas sobre centrar página

Me gusta mucho la solución de Wing.
Otra solución sería
Código:
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
	body{margin:0px;padding:0px;}
	table.contenedor{width:1024px;margin-top:30px;height:60px;border:1px solid  #000;}
</style>
</head>

<body>
<table class="contenedor" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td>
		Contenido contenido contenido
		</td>
	</tr>
</table>
</body>
</html>
  #4 (permalink)  
Antiguo 06/04/2009, 06:00
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: dudas sobre centrar página

Con poner al contenedor un ancho fijo y un margin:auto se te centra, así:
#contenedor {
width: 1024px;
margin:auto;
}

Respecto a las soluciones propuestas, la primera no es semántica (la etiqueta text-align no es para centrar una web) porque no queremos centrar un texto sino toda la web. La forma de hacerlo es como os he puesto arriba.
La segunda opción es mucho peor porque mezcla tablas y css en una combinación que no es semántica. Y me explico:
Las tablas están hechas para tabular datos y el css para dar apariencia, maquetación y diseño a una web. Por tanto se han de usar para eso.
Así que la opción es tener dos documentos: uno, con el contenido... véase el (x)html (no se olviden del DTD) y otro con el CSS.
Por tanto, eviten las tablas a no ser que sea para su propósito: tabular datos.

Un saludo.
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #5 (permalink)  
Antiguo 06/04/2009, 06:27
 
Fecha de Ingreso: junio-2008
Mensajes: 93
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: dudas sobre centrar página

Cita:
Iniciado por Aresillo Ver Mensaje
Con poner al contenedor un ancho fijo y un margin:auto se te centra, así:
#contenedor {
width: 1024px;
margin:auto;
}

Respecto a las soluciones propuestas, la primera no es semántica (la etiqueta text-align no es para centrar una web) porque no queremos centrar un texto sino toda la web. La forma de hacerlo es como os he puesto arriba.
La segunda opción es mucho peor porque mezcla tablas y css en una combinación que no es semántica. Y me explico:
Las tablas están hechas para tabular datos y el css para dar apariencia, maquetación y diseño a una web. Por tanto se han de usar para eso.
Así que la opción es tener dos documentos: uno, con el contenido... véase el (x)html (no se olviden del DTD) y otro con el CSS.
Por tanto, eviten las tablas a no ser que sea para su propósito: tabular datos.

Un saludo.
Muy buena solución, no sabía que simplemente con el ancho fijo y el margin funcionaba.
  #6 (permalink)  
Antiguo 06/04/2009, 06:35
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: dudas sobre centrar página

De nada, es la forma natural de hacerlo, las otras soluciones, aunque funcionan o son más engorrosas o son menos semánticas.

Un saludo
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #7 (permalink)  
Antiguo 06/04/2009, 07:06
 
Fecha de Ingreso: marzo-2009
Mensajes: 171
Antigüedad: 8 años, 8 meses
Puntos: 4
Respuesta: dudas sobre centrar página

Bufff, lo que se aprende aquí. Gracias por mejorar mi estilo
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 05:57.