Foros del web, para los que viven de bits

RBZ · 21-mar-2006, 11:03

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ú.

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

¿es a mi? · 21-mar-2006, 11:26

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

Jorolo · 21-mar-2006, 12:21

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.

RBZ · 21-mar-2006, 13:18

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!.

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

Gracias Jorolo

Saludos

webosiris · 22-mar-2006, 03:08

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

RBZ · 22-mar-2006, 07:18

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.

La página me funciona con cualquiera de los tipos, excepto el menú, que si pongo doctype no se ve bien en el explorer.

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>

RBZ · 24-mar-2006, 11:55

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

21-mar-2006, 11:03	#1 (permalink)
RBZ Colaborador Fecha de Ingreso: noviembre-2005 Mensajes: 2.017	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ú. 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 __________________ monumentos de Sevilla ------ Mapa plano de Sevilla, España

21-mar-2006, 13:18	#4 (permalink)
RBZ Colaborador Fecha de Ingreso: noviembre-2005 Mensajes: 2.017	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!. :suspiro: En fin vuelta a empezar, a ver que averiguo por ahí de los doctype. Cuando me haya hecho una idea volveré a preguntar. Gracias Jorolo Saludos __________________ monumentos de Sevilla ------ Mapa plano de Sevilla, España

22-mar-2006, 03:08	#5 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 6.023	si sabés inglés te puede resultar interesante leer esto... __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

24-mar-2006, 11:55	#7 (permalink)
RBZ Colaborador Fecha de Ingreso: noviembre-2005 Mensajes: 2.017	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 __________________ monumentos de Sevilla ------ Mapa plano de Sevilla, España

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

21-mar-2006, 11:26	#2 (permalink)
¿es a mi? Fecha de Ingreso: noviembre-2002 Ubicación: Málaga Mensajes: 328	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

21-mar-2006, 12:21	#3 (permalink)
Jorolo Fecha de Ingreso: octubre-2005 Mensajes: 536	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.