Div en navegadores

[vivi_]

Buenas tardes;
tengo una duda e empezado a utilizar div y hojas de estilo en vez de tablas y me pasa una cosa, le pongo un valor a la anchura y altura del div, pero en un navegador y en otro me salen descolocado, cuando lo coloco para que corresponda a uno, cuando abro otro navegador esta descolocado. Que tengo que hacer para solucionarlo?


Otra pregunta, tengo un iframe donde se van abriendo paginas dentro de una principal, pero unas son mas grandes de altura que otras y algunas no se ven del todo, que tengo que hacer para que se ajuste automaticamente al tamaño de la pagina sin utilizar la barra de subir y bajar?

Muchas gracias.

[bookmaster]

El tema de la colocación en los navegadores es normal que se muevan las cosas.

Por ejemplo Firefox y Safari tratan los margenes de diferente manera al Internet Explorer, yo lo que suelo hacer para corregir eso es ponerle en las propiedades margin:0; padding:0; y normalmente eso corrige el fallo y suelen salir en su sitio.

otra cosa que pasa con el internet explorer es que no "respeta" el tamaño del contenido del div, por lo que en algunas ocasiones hay que forzarlo con el float:.

Estas son las cosas con las que me he topado y que suelen ser lo mas comun, otra cosa que funciona en el IE y que no lo hace de igual manera es el Filter, ya que en el Firefox en vez de usar esa propiedad se usa opacity.

De todas maneras todas estas cosas casi seguro que te podrán ayudar mejor en el sub foro de CSS.


A lo del tamaño del IFRAME se ha tratado recientemente en otro post, te dejo el enlace para que veas el código que se usó para ello.
http://www.forosdelweb.com/f4/barra-...es-mas-580697/

[vivi_]

Ya he encontrado el problema a ver si me lo puedes solucionar:
creo que internet explorer no considera los bordes del div como tamaño
y mozilla si entonces si le pongo:

#menu {
float: left;
width: 163px;
border-right: 1px solid #91d7f7;
border-left: #91d7f7 1px solid;
text-align: left;
}

en internet explorer me sale de tamaño 163 y en mozilla 165 con los 2px de los bordes derecha e izquierda como lo puedo solucionar?

[pateketrueke]

lo podrias solucionar... (es broma) modificando el motor de renderizado de ambos... pero ya dije, es un chiste... NO ha solucion por ahora...

hay hacks y todo, para hacerlos tangibles.... pero estos minimos detalles siempre van a suceder, lo que recomiendo es no usar un diseño estatico.... solido, duro y a veces feo.... (osea tablas y muchos div sin razon) es mejor hacerlos del modo fluido, o liquido como le dicen en ingles.... .D

asi que, no seamos exigente con los pixeles... que al fin y al cabo NO son flexibles (menos de 800x600 dar el brinco a mas de 1024... no todos pueden) entonces, es mejor usar tamaños relativos... usar pt, em... % funcionan bien!