Ver Mensaje Individual
  #9 (permalink)  
Antiguo 06/06/2009, 03:27
harvey
 
Fecha de Ingreso: mayo-2007
Mensajes: 256
Antigüedad: 16 años, 11 meses
Puntos: 3
Respuesta: Capas con width que lo superan según contenido.

Cita:
Iniciado por ssclamp Ver Mensaje
Hola harvey

Ese problema se presenta por la peculiar (!!) forma de interpretar el padding que tiene iexplorer.

Con dos pequeños cambios en global.css te queda todo arreglado:

Código:
/*arreglos: sustituye estos dos estilos*/

#mainbox {
	background-color: #fff;
	position: absolute;
	top: 15px;
	left: 135px;
	overflow: auto;
	border: 2px solid #000;
}
.box {
	background-color: #fff;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	margin: 12px;
	margin-top: 32px;
	width: 500px;
}
Como verás he cambiado el padding por márgenes, siendo el resultado visual el mismo y quedan arreglados los desajustes en todas las páginas en iexplorer (y en los otros navegadores también funcionan bien).

Es importante que sepas que estás editando en modo quirks (no sujeto a ningún estandard) y que sería bueno que le colocaras un doctype adecuado. En este caso es casi seguro que tendrás que retocar cosas para que todo te vuelva a cuadrar.

Míralo, y comenta.

Saludos
Verás hace un par de dias me di cuenta que no tenia el doctype asi que lo puse y rehice la web paralelamente aunque mantuve en una carpeta esta. Y es que aunque conocía el tema de la interpretación distinta por parte de los navegadores del padding no acababa de acertar que era exactamente lo que estaba haciendo. De hecho sigo sin entender porqué varía si la forma en que IE interpreta el padding NO afecta al ancho de la caja que viene dado por width. Y tenia curiosidad por saber por qué se estaba dando el error.

En la que estaba desarrollando paralelamente, esta vez con su doctype, me encontre que IE interpretaba el padding y el border de la misma manera que lo hacía Firefox. Así que estupendo, ahora en ambos navegadores (y Google Chrome) se veian igual... Pero no me gusta nada la forma en que la W3C plantea la interpretación de border y padding respecto al width.

Buscando en Internet encontré box-sizing que permite decidir como se tiene que portar el navegador al respecto y lo hace a la manera clásica de IE con box-sizing:border-box pero no funcionaba en ninguno de los navegadores que probé (IE, Firefox y Chrome) lo que me llevó a hacer la consulta que tengo hecha en otro post.

http://www.forosdelweb.com/f53/uso-b...er-box-706751/

Voy a seguir planteando ese tema en el otro post. Gracias por tu ayuda.
Gracias a los demás tambien.