Foros del Web - Me volví a perder... ¿Qué es el doctype?

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Me volví a perder... ¿Qué es el doctype? (http://www.forosdelweb.com/f53/volvi-perder-que-doctype-380007/)

Me volví a perder... ¿Qué es el doctype?

Estoy aprendiendo CSS. He metido todo en un div contenedor y he centrado este con:
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
En Firefox, se ve centrado, en iexplorer ¡¡¡¡NOOOOOOOOO!!!! :'( .
Si al comienzo del documento, pongo

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

entonces se centra en los dos, pero en el explorer se me "deshace" el menú. :stress: :stress:
Ejemplos: sin doctype http://es.geocities.com/rbzhispalis/todo.htm
con doctype http://es.geocities.com/rbzhispalis/todo2.htm

Alguien me puede decir que está pasando, gracias.

Saludos

Para que internet explorer haga lo que quieres debes poner
text-align: center;

Ya sé que no es texto lo que tienes, pero tuve ese mismo problema con imágenes y con esto lo solucioné.
Espero que te sirva. Si no es así, algún experto habrá que te pueda ayudar mejor que yo.
Saludos

Hola a todos.

Resumiendo:

los navegadores tienen dos maneras de dibujar las páginas:
la estandar
la quirks (caprichosa)

Los navegadores suelen usar el doctype para determinar que manera usar. Por eso al cambiar el doctype, la visualización de un documento puede cambiar. Por que ha cambiado el modo de dibujarla.

Cita:

Iniciado por ¿es a mi?

Para que internet explorer haga lo que quieres debes poner
text-align: center;

Ya sé que no es texto lo que tienes, pero tuve ese mismo problema con imágenes y con esto lo solucioné.

A mi me funciona como lo he puesto, lo malo es que desarmaba el menú. Gracias de todas formas.

Cita:

Iniciado por Jorolo

Resumiendo:

los navegadores tienen dos maneras de dibujar las páginas:
la estandar
la quirks (caprichosa)

Los navegadores suelen usar el doctype para determinar que manera usar. Por eso al cambiar el doctype, la visualización de un documento puede cambiar. Por que ha cambiado el modo de dibujarla.

:-(¡Vaya!, y yo creía que estaba acabando y resulta que hay una complicación nueva ¡en el principio!. :stress:

:suspiro: En fin vuelta a empezar, a ver que averiguo por ahí de los doctype. Cuando me haya hecho una idea volveré a preguntar.:-D

Gracias Jorolo

Saludos

si sabés inglés te puede resultar interesante leer esto...

Cita:

Iniciado por webosiris

si sabés inglés te puede resultar interesante leer esto...

Gracias, ya sé lo que es un doctype, mas o menos. :-D
La página me funciona con cualquiera de los tipos, excepto el menú, que si pongo doctype no se ve bien en el explorer.

http://indefinido.iespana.es/fallomenu.jpg

El de arriba es con doctype, y el de abajo con el doctype sin poner. Me ayudan a ver cuál es el error. Yo no sé hacer ese menú, lo he cogido http://javascript.tunait.com/javascr...=generadormenu y el fallo ocurre aunque no ponga el estilo en un CSS aparte.
Este es el CSS

Código:

.botones {

        font-family: Tahoma, Verdana, Arial;

        font-size: 14px;

        font-weight: bold;

        background-color: #CCCC66;

        text-align: center;

        border: 1px solid #333333;

        margin: 2px;

        vertical-align: middle;

        color: #000000;

        z-index: 14;        

}

.botonesHover{

        font-family: Tahoma, Verdana, Arial;

        font-size: 14px;

        font-weight: bold;

        background-color: #CCCC99;

        text-align: center;

        border: 1px solid #333333;

        margin: 2px;

        vertical-align: top;

        color: #FFFFFF;

        z-index: 14;

}

.subMe {

        visibility: hidden;

        position: absolute;

        font-family: Tahoma, Verdana, Arial;

        font-size: 14px;

        font-weight: bold;

        background-color: #CCCC66;

        text-align: center;

        border: 1px solid #000099;

        z-index: 14;

}

.subMeP {

        font-family: Tahoma, Verdana, Arial;

        font-size: 14px;

        font-weight: bold;

        background-color: #CCCC66;

        z-index: 14;

}

.botonesP {

        font-family: Tahoma, Verdana, Arial;

        font-size: 14px;

        font-weight: bold;

        background-color: #CCCC66;

        border: 1px solid #009900;

        margin: 2px;

        color: #000000;

        vertical-align: top;

        height: 10px;

        z-index: 14;

}

.celda{

margin:0;

padding: 0;

}

.pepe{

border: 1px solid #ff0000;

position:absolute;

left:0

}

Después en el body pongo
<div id="tunMenu"></div>

http://indefinido.iespana.es/emotico...edsrichter.gif

:-D Vale supongo que mi pregunta denota tanto desconocimiento que no saben ni como responderme... pero no podrían decirme por dónde van los tiros para que yo sepa que debo buscar. Falta algún dato que les ponga. ¡Ah! el doctype que uso es (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">)

Gracias :adios: