10/10/2006, 08:00
| ||||
| ||||
| Div se ve distinto en IE y FF Bueno... Ese es el problemon que tengo... Este es el estilo Código PHP:  Y así se ve... Hay alguna solución, para que se vea en IE como se ve en FF o viceversa?... Afectará el tenerlo dentro de una tabla??... PD: El tenerlo en una tabla no afecta... probé fuera de la tabla y sigue igual Gracias :) |
|
10/10/2006, 08:53
| ||||
| ||||
| Bueno... En las siguientes imágenes, el div tiene dentro de sí otro div... que es el cuadro blanco que se ve en la imagen... Probé quitándolo, pero nada... El estilo del div pequeño es este... Código PHP:  |
|
10/10/2006, 09:21
| ||||
| ||||
| la diferencia en esas imagenes es el interlineado del texto, pero no se si tiene solucion, mi pagina se ve levemente distinta en ambos navegadores. No se si esta es la solucion, pero pero proba con usar la unidad "em" en vez de "px" para font-size y line-height. Realmente no se como se soluciona eso, ero intentalo, de todas formas, siempre se recomienda usar "em" para textos |
|
10/10/2006, 09:41
| ||||
| ||||
| Gracias... Pero no funcionó... Le puse "font-size:1em;" y quedó igual que si le pusiera "15px" xD... y line height... disminuyó la distancia entre linea y linea, pero no más que eso... Gracias :)... Además... Le puse por ejemplo "width:10em"; al div, y probé en ie y ff, pero la diferencia es la misma... Siempre se ve uno más alto que el otro y más ancho que el otro... Gracias :) |
|
10/10/2006, 10:26
| |||
| |||
| spider_boy: ¿Estás usando elementos de párrafo?. Hace unos días alguien preguntó algo parecido, y el problema que encontré es que cuando defines un tamaño para el texto el margen de los párrafos por defecto (superior e inferior) es mayor en Internet Exploter que en Firefox. La solución que dí en ese momento fue darle alguna medida a estos márgenes para que se emparejen en ambos navegadores (y en el resto supuestamente). |
|
10/10/2006, 16:39
| ||||
| ||||
| Cuando dices elementos de párrafos... te refieres a <p></p>?... Si es eso... Si... Los uso dentro del div... Si no son esos, especifícame con el código del que hablas xD... Gracias :) |
|
10/10/2006, 19:58
| |||
| |||
| Sí, me refiero a esas etiquetas. Como te explicaba, cuando al texto le has definido un tamaño los valores por defecto del margen superior e inferior de un párrafo es mayor en Internet Explorer. Defíneles un valor para que sean similares en ambos navegadores (y el resto). Ejemplo: Cita: p{ margin-top: 5px; margin-bottom: 5px; } |
|
11/10/2006, 11:10
| ||||
| ||||
| Cita: que doctype estás usando? IE tiene problemas con el modelo de caja cuando no usas doctype...
Iniciado por spider_boy  Pero el div sigue viéndose más ancho en el Firefox que en el IE...
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
|
11/10/2006, 12:04
| ||||
| ||||
| Cita: Pues ninguno en realidad... Cuando creo un archivo nuevo, siempre borro esas lineas...
Iniciado por webosiris que doctype estás usando? IE tiene problemas con el modelo de caja cuando no usas doctype... Pero no se preocupen más... Estoy utilizando tablas... Sé que no es lo mejor, pero ya me salió todo bien... Está todo bien... Gracias :P |
|
11/10/2006, 12:08
| ||||
| ||||
| Cita: Pues muy mal... incluir un doctype válido es obligatorio si querés escribir bien el html
Iniciado por spider_boy Pues ninguno en realidad... Cuando creo un archivo nuevo, siempre borro esas lineas... Cita: Quizás esto te haga cambiar de parecer... y no, no está todo bien Estoy utilizando tablas... 
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
|
11/10/2006, 12:16
| ||||
| ||||
| Si sé que es más recomendable utilizar Divs... Pero cuando quiero ubicar uno, tengo que empezar de a poco hasta lograr que quede debajo del otro... Despúes hay que hacer que quede al lado del otro y que no se pase del ancho de la ventana... Entonces me da lata usar esas cuestiones xD... Además... Con lo que estoy haciendo... Tendría que cambiar el tamaño de los divs a cada rato... Por eso si un div se hace más alto, más grande, tendría que modificar los otros divs para que quedaran a la misma altura y no se descuadre el asunto... Pero ahí veo que se me ocurre... Y gracias por lo del doctype... Nos vemos :) |
|
11/10/2006, 14:44
| ||||
| ||||
| Cita: NO lo creo, posicionar divs es mas accesible, y comodo una vez que aprendes como hacerlo perfectamente, es mas sencillo de lo que piensas, las tablas te atan a algo, los divs no, puedes moverlos a gusto, y el entorno web se hace mas dinamico aun usando un leguaje estatico como html, vamos, creo que de verias probar al menos.
Iniciado por spider_boy Si sé que es más recomendable utilizar Divs... Pero cuando quiero ubicar uno, tengo que empezar de a poco hasta lograr que quede debajo del otro... Despúes hay que hacer que quede al lado del otro y que no se pase del ancho de la ventana... Entonces me da lata usar esas cuestiones xD... Además... Con lo que estoy haciendo... Tendría que cambiar el tamaño de los divs a cada rato... Por eso si un div se hace más alto, más grande, tendría que modificar los otros divs para que quedaran a la misma altura y no se descuadre el asunto... Pero ahí veo que se me ocurre... Y gracias por lo del doctype... Nos vemos :) Saludos
__________________ Ya viene llegando, el comunismo en Cuba, ya se esta acabando. www.fearlex.com | www.fearlexworld.com |
|
11/10/2006, 15:08
| |||
| |||
| Cita:
Iniciado por spider_boy Bueno... Ese es el problemon que tengo... Este es el estilo Código PHP: Y así se ve... Hay alguna solución, para que se vea en IE como se ve en FF o viceversa?... Afectará el tenerlo dentro de una tabla??... PD: El tenerlo en una tabla no afecta... probé fuera de la tabla y sigue igual Gracias :) El problema es que IE y Firefox (y la mayoria de los navegadores que respetan los estandares) "interpretan" diferente los width + padding de los elementos. IE mantiene el ancho definido por width y hace el padding para adentro, osea que width:100px + padding: 5px; da como resultado un div de 180px de ancho... pero Firefox suma los dos valores (para que width defina el area "usable" del div) por lo que si tenes un width:100px + padding: 5px; el ancho total es de 190px (5 de padding-left y 5 de padding-right). Lo que deberias hacer (si, por ejemplo, queres que el ancho total en los dos sea 180px) es definir un width diferente para IE anteponiendo un asterisco. EJ:
Código:
.divStyle3{
font-size:15px;
position:relative;
width:170px;
* width:180px;
height:525px;
padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}
__________________ oohh... quisiera ser godines!!! |
|
11/10/2006, 15:09
| |||
| |||
| pues que me digan a mi cómo tener tres columnas div que independientemente de su contenido tenga todas la misma altura adaptándose a la resolución. Porque me he hartado a buscar y el único modo que he hallado es poner una imagen de fondo... y qué quereis que os diga, me parece muy cutre. O eso o usando javascript. Creo que hay cosas para las que están bien los DIV, y que igual son la mayoría, pero los radicalismos no llevan a nada y menos en este mundo en que cada navegador (sobre todo el maravilloso IE) hace lo que le sale de los mismísimos y nos hacen perder un tiempo muy valioso |
|
13/10/2006, 06:15
| ||||
| ||||
| Cita: Wow... Muchas gracias... A pesar de que estoy utilizando tablas, a pesar de no que les guste a muchos, igual me sirve, porque divs tendré que usar igual... Muchas gracias :)
Iniciado por safe El problema es que IE y Firefox (y la mayoria de los navegadores que respetan los estandares) "interpretan" diferente los width + padding de los elementos. IE mantiene el ancho definido por width y hace el padding para adentro, osea que width:100px + padding: 5px; da como resultado un div de 180px de ancho... pero Firefox suma los dos valores (para que width defina el area "usable" del div) por lo que si tenes un width:100px + padding: 5px; el ancho total es de 190px (5 de padding-left y 5 de padding-right). Lo que deberias hacer (si, por ejemplo, queres que el ancho total en los dos sea 180px) es definir un width diferente para IE anteponiendo un asterisco. EJ:
Código:
.divStyle3{
font-size:15px;
position:relative;
width:170px;
* width:180px;
height:525px;
padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}
|
Este tema le ha gustado a 1 personas (incluyéndote) 
