Pregunta

Estoy usando Fluid 960 en este momento, y yo estoy poniendo un comportamiento extraño con alfa / omega. Mi comprensión de alfa / omega es que se utiliza para fijar los márgenes izquierdo / derecho en las redes anidadas.

Sin embargo, cuando aplico alfa / omega a un par de rejillas anidadas, la rejilla de la parte izquierda tiene un guión realmente poco profunda, mientras que la cuadrícula de lado derecho tiene un gran lado derecho guión (observaciones visuales). Alguien sabe lo que está pasando?

¿Fue útil?

Solución

Su único necesario para rejillas anidadas por ejemplo.

<div class="container_12">
    <div class="grid_2">sidebar</div>
    <div class="grid_6">
        <div class="grid_2 alpha">
            1
        </div>
        <div class="grid_2">
            2
        </div>
        <div class="grid_2 omega">
            3
        </div>
    </div>
    <div class="grid_2">photo's</div>
    <div class="grid_2">advertisement</div>
</div>

funciona como se espera ahora.

Otros consejos

Creo rejillas anidadas no funcionarán en el líquido 960. El ancho de rejilla se definen en términos de porcentaje, en lugar de píxeles exacta.

Tome respuesta anterior como ejemplo, grid_6 se traducirá en un 48% de la anchura, a continuación, un grid_2 dentro grid_6 se traducirá en 14,666% * 48%, pero el esperado de 14,466%.

También estoy enfrentando el mismo problema y podrían tener que volver a la versión no fluida. Para sugerir si hay una solución o estoy equivocado.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top