ubiquitour.com

Problemas con CSS sin tablas

Problemas con CSS sin tablas

Diseñadores no parecen estar de acuerdo si eres mejor diseño de su sitio web por estructurar el contenido con tablas o posicionamiento todo con CSS. Diseños de CSS sin tablas más comúnmente se consideran superiores, debido a su flexibilidad y a la cantidad reducida de código que se necesita para diseñar uno. Sin embargo, la naturaleza flexible de la maquetación presenta algunos otros problemas en el sitio Web.

Estructura

Mesas persisten en diseño Web que son fáciles de usar: una tabla contiene filas y células que están siempre en el mismo lugar en relación con cada uno otro y estilo en áspero la misma forma. Sin embargo, DevNet renuncia a esta certeza de estructura para la flexibilidad. Elementos div, el principal ingrediente en una maquetación, son simplemente bloques de texto sin el CSS para copia de seguridad, no solo de la estructura. En lugar de una estructura, puede utilizar CSS para c6mo las capas div se arreglan en la página. La configuración es más frágil que un diseño presentado y propenso a errores de anchura, pero en última instancia, un diseño más limpio.

Compatibilidad con navegadores

CSS es uniforme en la mayoría de los navegadores, excepto para versiones antiguas de Internet Explorer. Sin embargo, Internet Explorer 6 todavía es utilizado por más del 8 por ciento de los usuarios de Internet en vez de piublicaiton, pero tiene varias limitaciones de CSS. Un ejemplo de esto es con centrar div layouts. El método típico para centrar un diseño es para establecer los márgenes de la página; Si su contenedor es 80 por ciento de la anchura de la página, puede configurar los márgenes izquierdos y derecho al 10 por ciento cada una para centrarlo. Con su diseño es fija, puede usar el valor "auto". Internet Explorer no siempre es compatible, por lo que también tiene al centro el cuerpo de su página y luego restablece la alineación de la espalda contenida alineado a la izquierda. Un ejemplo de esto es:

{cuerpo}texto-alinee: Centro;margen izquierda: auto;margen derecha: auto; }

{contenido} width: 800px;texto-alinee: izquierdo; }

Internet Explorer 6 no cuenta también el ancho de los márgenes, padding o fronteras, al interpretar el ancho de una capa div--lo que significa que la composición de su div puede encontrar errores de mayor ancho que no están presentes en otros navegadores.

Posicionamiento

CSS da sus más opciones para el posicionamiento de los elementos de la tabla tradicional. Usted puede elegir posicionar los elementos div, para que aparezcan en el mismo lugar de la página sin importar el tamaño de la pantalla o si se superponen otros elementos. Más popular que este, sin embargo, es el método de usar un contenedor y flotante el contenido de la barra lateral a la izquierda y la derecha. Existe una singular respuesta correcta: elementos absolutos podría ser más fáciles a la posición y diseño alrededor, pero puede ser menos flexibles en términos de diferentes resoluciones o si tienes que cambiar el tamaño de las capas div en una fecha posterior.

Problemas de anchura

Su diseño típico tiene una capa div como un contenedor. Este envase señala la anchura de su contenido y contiene los elementos de tu div. Si tienes un diseño de dos columnas, se establecería el div que contiene el contenido flotante a la izquierda, y el div que contiene tu sidebar flotar a la derecha. Flotando dice tu div para ir tan lejos a un lado como se puede. El problema se produce cuando el ancho total de las dos columnas excede el ancho de su contenedor; Luego, las columnas apilado verticalmente. Esto puede ocurrir si usted tiene imágenes o tablas en un div que excedan el ancho de la columna, o si no contablemente ancho de exceso en las capas, incluyendo bordes, márgenes y relleno.