Domanda

sto usando Fluid 960 in questo momento, e sto ottenendo un comportamento strano con alfa / omega. La mia comprensione di alfa / omega è che è utilizzato per fissare i margini destro / sinistro in griglie annidate.

Tuttavia, quando applico alfa / omega ad una coppia di griglie annidate, la griglia sinistra ha un trattino davvero superficiale, mentre la griglia destra ha un grande lato destro trattino (osservazioni visive). Qualcuno sa cosa sta succedendo?

È stato utile?

Soluzione

Il suo necessario solo per le griglie annidate ad es.

<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>

funziona come previsto ora.

Altri suggerimenti

Credo griglie annidate non funzioneranno in fluidi 960. Larghezze griglia sono definiti in termini di percentuale, invece di pixel esatto.

Prendere risposta precedente come esempio, grid_6 si tradurrà al 48% della larghezza, poi un grid_2 all'interno grid_6 si tradurrà al 14,666% * 48%, ma l'atteso del 14,466%.

Sono anche affrontando lo stesso problema e potrebbe dover tornare alla versione non-fluido. Si prega di suggerire se c'è una soluzione o mi sbaglio.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top