como centrar en CSS?

_rob · #1 (**permalink**) 25/07/2005, 23:16

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!

braulito · #2 (**permalink**) 26/07/2005, 00:55

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>

_rob · #3 (**permalink**) 26/07/2005, 13:43

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!

braulito · #4 (**permalink**) 26/07/2005, 14:22

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.

baccxus · #5 (**permalink**) 26/07/2005, 15:29

braulito = CSS puro y duro!

Willy · #6 (**permalink**) 13/05/2007, 18:28

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.

Gaby_Corr · #7 (**permalink**) 14/05/2007, 09:24

y para que sirve la div de linea?