Foros del Web » Creando para Internet » CSS »

como centrar en CSS?

Estas en el tema de como centrar en CSS? en el foro de CSS en Foros del Web. hola disculpen la pregunta, pero ya me he pasado buscando y leyendo y no entiendo. o el cansancio o soy muy estupido pero no le ...
  #1 (permalink)  
Antiguo 26/07/2005, 00:16
 
Fecha de Ingreso: febrero-2005
Mensajes: 215
Antigüedad: 12 años, 10 meses
Puntos: 1
como centrar en CSS?

hola
disculpen la pregunta, pero ya me he pasado buscando y leyendo y no entiendo.
o el cansancio o soy muy estupido pero no le entiendo.

lo mas cercano que he encontrado y creo que se usa es: margin:auto

lo que quiero es centrar una imagen al centro horizontal y verticalmente.

es esta imagen:
www.guatepredios.com

si alguien me ayuda se lo agradeceré muchisimo!
  #2 (permalink)  
Antiguo 26/07/2005, 01:55
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 13 años, 7 meses
Puntos: 8
Modificado de http://www.zevra.com/experimentos/centrovertical.html
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Centrado</title>
<meta http-equiv="Content-Type" content="text/xml; charset=iso-8859-1" />
<style media="screen" type="text/css">

body {
	  margin:0px;
	  padding:0px;
      }

#linea        
	{
	width: 100%;
	position: absolute;
	top: 35%;
	text-align: center;
	overflow: visible;
	}

#caja    
	{
	position: absolute;
	width: 350px;
	height: 252px;
	top: -50px;
	left: 45%;
	margin-left: -100px;
	}

</style>

</head>

<body>


<div id="linea">

   <div id="caja">
   
     <img src="http://www.guatepredios.com/images/construccion.gif" width="350" height="252" alt="Guatepredios" />

   </div>

</div>


</body>
</html> 
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño

Última edición por braulito; 27/07/2005 a las 10:54
  #3 (permalink)  
Antiguo 26/07/2005, 14:43
 
Fecha de Ingreso: febrero-2005
Mensajes: 215
Antigüedad: 12 años, 10 meses
Puntos: 1
hey mil gracias por tu ayuda!

ahora una pregunta, porque en dreamweaver se mira foto feo cuando lo miras en "design"?
o siempre es asi cuando se trabaja con layers?

gracias!
  #4 (permalink)  
Antiguo 26/07/2005, 15:22
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 13 años, 7 meses
Puntos: 8
No tomes en cuenta Dreamweaver, las personas no navegan en dreamweaver, aunque el modo design te de una pequeña ayuda nunca la tomes en cuenta, sólo toma en cuenta lo que ves en tu navegador.
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
  #5 (permalink)  
Antiguo 26/07/2005, 16:29
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
braulito = CSS puro y duro!
__________________
Al final del día hablar es gratis, codificar no lo es
  #6 (permalink)  
Antiguo 13/05/2007, 19:28
 
Fecha de Ingreso: abril-2003
Mensajes: 90
Antigüedad: 14 años, 8 meses
Puntos: 0
Re: como centrar en CSS?

Se puede hacer esto mismo pero para toda una página.
Es decir que el diseño de toda una página se adapte a distintos tamaños de un navegador, ...o por lo menos que los márgenes que autocorrijan de manera tal que el diseño quede "centrado".
Ojalá me entiendan...gracias.
  #7 (permalink)  
Antiguo 14/05/2007, 10:24
Avatar de Gaby_Corr  
Fecha de Ingreso: junio-2005
Mensajes: 672
Antigüedad: 12 años, 6 meses
Puntos: 0
Re: como centrar en CSS?

y para que sirve la div de linea?
__________________
" Recuerda , estas donde debes estar ..."
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

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 06:08.