Centrar capa div. No lo consigo

dvd_alon · #1 (**permalink**) 14/12/2011, 03:04

He leido unos cuantos temas de este foro, y varias pagina fuera de aqui. Se que es un tema que se repite mucho, pero no lo consigo. TEngo que tener alguna parte mas del codigo seguro, pero no lo veo.

Para la pruebas estoy usando IE8, y el codigo es este:

Código HTML:

<HTML>
	<HEAD>
		<TITLE>Titulo</TITLE>
		<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
	</HEAD>

	<body>
		
		<iframe scrolling="auto" src="http://translate.google.es/#" frameborder="0" height=100% width=100%></iframe>
		
		<div id="contenedor">
			ESTA CAPA NO SE CENTRA!!!!!			
		</div>
		
	</body>	

</HTML>

Código:

body {
				background-color:grey;
				margin:0;
			} 
			
#contenedor {
				width:900px;
				margin: 0 auto;
				background-color:white;
			} 
			
#centrada     {
				background-color:pink;
			}

Gracias por la ayuda!!

emprear · #2 (**permalink**) 14/12/2011, 06:55

En ie 8 la capa contenedor no se va a centrar a menos que declares un doctype válido.
Ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Saludos