No logro identificar el problema

DoPeY-BBS · #1 (**permalink**) 20/01/2009, 18:10

Señores, no logro saber cual es el problema y es el tipico error del centrado en ie explorer pero antes lograba hacerlo y no se porque ahora no, sin embargo recientemente me he puesto a querer bajar el explorer 7 y no se, puede ser que se allá quedado algo ( uso el 6.0)

Código HTML:

<!-- Creamos un doctyoe estricto  y especificamos el lenguaje español -->
<!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" xml:lang="es" lang="es-es">

<!--Empezamos todo lo Realicionado con la cabecera -->
<head>
      <title>estoy cansado</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	  <link rel="stylesheet" href="css/estilos.css" />
</head>
<!-- Finalizamos todo lo Relacionado con la cabecera -->

<body>
<!-- Creamos un contenedor que contendra todo el website -->
<div id="contenedor">
  <div id="encabezado"><h1>esto me tiene cansado</h1>
  </div>
</div>
</body>
</html>

Código HTML:

* {margin:0; padding: 0;}
body {
background-color:black
}
#contenedor {width: 940px;
margin: 0px auto;
}

#encabezado {
	width: 940px;
	background-color: #blue;
	color: #999999;
}

Mikmoro · #2 (**permalink**) 20/01/2009, 18:14

DoPeY: ya sabes que te has ganado mi aprecio, pero te lo he dicho en varias ocasiones ya: te explicas muy mal, y es raro entender a la primera qué te ocurre. Y cada vez respondo menos a las preguntas que no entiendo pidiendo explicaciones.

¿Qué es lo que quieres centrar en ese ejemplo?

DoPeY-BBS · #3 (**permalink**) 20/01/2009, 18:16

Trataré de no volver a cometer ese error

La verdad lo que quiero centrar es toda mi web

willyfc · #4 (**permalink**) 20/01/2009, 18:21

quita este comentario

Código HTML:

<!-- Creamos un doctyoe estricto  y especificamos el lenguaje español -->

Mikmoro · #5 (**permalink**) 20/01/2009, 18:22

Pero es que con ese código la tienes centrada, pero claro, como el body es negro y el contenedor principal no tiene fondo ni bordes, no ves que lo está.

Prueba con esto, a lo que sólo he añadido un borde blanco al contenedor para que veas que está centrado:

Cita:

<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title></title>
<style type="text/css">
* {margin:0; padding: 0;}
body {
background-color:black
}
#contenedor {width: 940px;
margin: 0px auto;
border: solid 1px #fff;
}
#encabezado {
width: 940px;
background-color: #blue;
color: #999999;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="encabezado"><h1>esto me tiene cansado</h1>
</div>
</div>
</body>
</html>

P.D.: no es un error, DoPeY, es que cuanto mejor te expliques más fácil será obtener una buena respuesta.

willyfc · #6 (**permalink**) 20/01/2009, 18:25

Cita:

Iniciado por Mikmoro

Pero es que con ese código la tienes centrada, pero claro, como el body es negro y el contenedor principal no tiene fondo ni bordes, no ves que lo está.
.

Mikel acabo de probarlo en IE6 y no centra, por eso le dije en mi anterior post que quite el comentario que esta arriba del dtd, yo hice eso y se centro.

Mikmoro · #7 (**permalink**) 20/01/2009, 18:27

Bueno, claro, tienes razón, si miras mi código de ejemplo no tiene comentarios. Y efectivamente sí, un comentario antes del doctype es causa habitual de probelmas en IE.
Creía que los comentarios eran para nosotros, para el ejemplo, no en el código real.

willyfc · #8 (**permalink**) 20/01/2009, 18:31

y también me fije que el ie6 no le hace caso a

Código:

background-color: #blue;

creo que necesariamente tendrá que poner color de la otra forma, o me equivoco?

DoPeY-BBS · #9 (**permalink**) 20/01/2009, 18:32

Una hora o mas con ese problema y es el puto comentario en IE

que basura grrrrrrrr

huelga con ie

PD GRACIAS

Mikmoro · #10 (**permalink**) 20/01/2009, 18:32

ah, ni fijarme. Es que blue se pondría sin almohadilla:

background-color: blue;

willyfc · #11 (**permalink**) 20/01/2009, 18:35

Cita:

Iniciado por Mikmoro

ah, ni fijarme. Es que blue se pondría sin almohadilla:

background-color: blue;

yo tambien no me fije en eso

DoPeY-BBS · #12 (**permalink**) 20/01/2009, 18:42

ups, ¿y de donde salio esa almoadilla? eso fue a causa del estres

ahahah

Julcar · #13 (**permalink**) 20/01/2009, 22:06

y que tal body {text:align:center;}

eso centraria el contenido

ademas a #contenedor le faltaria un position relative.

willyfc · #14 (**permalink**) 21/01/2009, 07:38

Cita:

Iniciado por Julcar

y que tal body {text:align:center;}

eso centraria el contenido

ademas a #contenedor le faltaria un position relative.

el text align no es necesario por que esta utilizando margin:0 auto;, y según el ejemplo tampoco necesita ser relativo, o encuentras alguna razón para que si lo sea?

Julcar · #15 (**permalink**) 22/01/2009, 11:41

En explorer si sirve eso, pero en firefox si no hago uso de un position:relative no me centra el contenido.

DoPeY-BBS · #16 (**permalink**) 22/01/2009, 12:46

Cita:

Iniciado por Julcar

En explorer si sirve eso, pero en firefox si no hago uso de un position:relative no me centra el contenido.

Hecha un vistazo a esta guia :hMigración sin dolor

Crédito Mikmoro

Veras que no es necesario tanto la posición relative como la del {text:align:center;}

No digo que {text:align:center;} no funcione pero, esta demás usarlo

willyfc · #17 (**permalink**) 22/01/2009, 12:57

Cita:

En explorer si sirve eso, pero en firefox si no hago uso de un position:relative no me centra el contenido.

sigo diciendo que no hay necesidad de ninguna de las 2 cosas que haces para ningun navegador

Mikmoro · #18 (**permalink**) 22/01/2009, 16:43

Como se ha comentado, está en función del doctype: sin una declaración del doctype al inicio, los navegadores entran en "quirks mode" y no todos centran con margen auto en horizontal, pero con el doctype, ni posición relativa ni alineación de texto son neceserios.