CSS limitaciones?

¿Estoy en lo cierto al creer que una de las limitaciones de CSS es que los antecedentes no azulejo así? No imágenes de fondo, sino colores de fondo.

Concretamente, digamos que tuve un sitio con dos columnas, una para la navegación, una para el cuerpo (que yo, pero así le mantenga hipotético por ahora ). Si debo hacer para establecer un fondo de color para la navegación y establecer la columna a la altura del 100%, quiere llamar ese color a todo lo largo de la pantalla. Sin embargo, si la columna que contiene el cuerpo material corrió más allá de la longitud de la pantalla, a un desplazamiento hacia abajo se encuentra la navegación de fondo que termina en el punto original se refiere a en lugar de seguir abarcan toda la altura de la pantalla? La columna de navegación no volver a llamar al 100% de la pantalla hasta que la página se volvió de tamaño o algo en ese sentido.

un ejemplo de lo anterior el comportamiento (en el caso de mi descripción no es muy descriptivo) se encuentra en http://www.nriyounglife.org/csstest.htm

Algunos métodos para superar esta sería la creación de una imagen de fondo de la apariencia deseada y simplemente establecer la imagen de repetir a lo largo del eje y de la columna de navegación, ya sea en el cuerpo o en la columna de navegación?

¿Es ésta una forma correcta de pensar en esta cuestión?

Mark

Hola Marcos,

Youre en el camino correcto. Uso de etiquetas DIV para replicar tradicionales columnas de la tabla para formatear la página puede ser un PITA. Por desgracia, CSS estuvieron a la altura de la sustitución de la almightly CUADRO formato.

Su repetición de eje "y" imagen de trabajo, pero es bastante engorroso. Lamentablemente, no tengo una mejor sugerencia.

Estoy de acuerdo con rjmthezonenet. El porcentaje basado en las dimensiones (por lo general, no estrictamente) con el trabajo "visibles" de la zona no pare de contenedores. En su caso, no pare el contenedor es la página.

Creo que usted puede emplear las estrategias para tener el contenido de la página pulse altura de los contenedores hermano por lo que parece la forma en que usted lo quiere. De lo contrario, su realmente una mentalidad diferente de los métodos que utilizaría con un diseño presentado.

Si el cuadro de diseño se basa el mal (y, hasta cierto punto, son), y el modelo de cuadro de no cortar, lo que se supone que tiene que hacer?

Esta cuestión ha sido ya me escuchas CSS 1.

Realmente creo que podría idear una estrategia de CSS para manejar esto. Si se tratara de mí, personalmente, ID de trabajo en torno a esta con una página de fondo.

Como he dicho antes, usando CSS es una mentalidad diferente que la manera en la mayoría de nosotros aprendimos a hacer páginas. Muchos piensan erróneamente CSS === "más fácil", pero como tablas, su único más fácil cuando youve llegado el cuelgue de la misma, después de youve hecho su tarea.

Me parece usando CSS te obliga a hacer más por adelantado la planificación para cosechar los beneficios en la final. Planificación de un plan de aplicación, mientras que en el curso de desarrollo de páginas no ha sido un muy buen enfoque, para mí. Cuando todas las obras, sin embargo, su oro.

** Por otra parte, un punto que se pierde en muchos es: CSS no se opone a la utilización de tablas. Esta solución le permite utilizarlos para lo que fueron diseñados para - tabular los datos (que incluye una amplia formas, en mi mundo).

He probado el "azulejo la imagen de fondo", y no funcionó. El único enfoque He visto de conseguir esto es de baldosas de la columna izquierda de fondo como parte del cuerpo de antecedentes. La contrapartida de esto es que esta quedará excluida si usted ya tiene un fondo que desea utilizar como fondo su cuerpo por el resto de su página.

Algunos trabajos-arounds que he pensado (pero no tratado) es para modificar su original imagen de fondo de tal manera que producen el efecto deseado (parece poco probable que funcione bien, pero debería funcionar), o crear el color de fondo para el cuerpo, insertar su imagen de fondo para el cuerpo, y simplemente tienen la imagen de fondo begine suelo de baldosas sin embargo muchos píxeles de la izquierda. inconveniente es que este se opone a cualquier tipo de fronteras en la columna de navegación que está tratando de simular.

Y gracias a las aportaciones y comentarios a todos! Youre completamente derecho, DM. Me ha llegado la impresión de que CSS es capaz de hacer todo lo que podía hacer tablas, pero ahora Im que aprender acerca de lo Im empezando a ver algunas de las limitaciones del formato. Sin embargo, puedo ver definitivamente que tiene muchas más ventajas que desventajas sobre las tablas, aun con el poco he aprendido hasta ahora.


Mark

Vale...

Veamos ahora si esto vale la pena, me robará toda su código y jugar con él, entonces en contacto con usted dentro de unos

Lo más cercano que podía llegar a estaba usando en su navegación bares div. Esto hace que sea y todo lo que se mueven con el desplazamiento.

Traté de separar el texto de la barra de navegación y posición por encima de la barra de navegación, pero no tuvo suerte.

* * yawnszZZzzzz

Pensé position: fixed causado ese elemento para mantener una posición estática en la pantalla, independientemente de dónde se desplaza a la página.

marca

sí de forma que si está situado en la parte superior 0px izquierda 0px, itll se encuentra allí en su navegador área visible si desplácese hacia abajo de cinco páginas.

Mark

Theres siempre una solución. Creo que este es el efecto que usted fue después (hecho con todas las CSS y HTML layout)

trabaja en 1280x1024, 1024x768 y 800x600 (aunque la imagen de fondo es un poco grande para 800x600)

http://atnopro.com/ozzu/csstest.html

Ver el código fuente y diviértete!

Id asumir la imagen grande en el fondo se desplaza con resoluciones más pequeñas? 1600x1200 todo encaja perfectamente en una pantalla (tiene la idea de la reducción de la ventana, pero es demasiado perezoso)

Sí - que se desplaza. No me fondo de archivo adjunto para fijo porque quería demostrar que se puede hacer la forma en que estaba tratando. Sólo es necesario corregir la CSS-thats todos. Por lo que su valor, no me cambia el HTML a todos - sólo la CSS.

También debo añadir que Im pantalla de un monitor de 17 pulgadas. El píxel de altura para la clase nav_panel Puede ser necesario un aumento para grandes monitores.

¡Oh, qué diablos. Espero que allgoodpeople probablemente sabe cómo ver el código fuente CSS, pero para aquellos que no saben cómo Heres el código de estilo que he usado para el diseño: