Oto mój przypadek systemu siatki 960:
<div class="kundregister_grid_full">
<div class="kundregister_grid_1">ID</div>
<div class="kundregister_grid_1">Namn</div>
<div class="kundregister_grid_1">Anv.Namn</div>
<div class="kundregister_grid_1">Email</div>
<div class="kundregister_grid_1">Roll</div>
<div class="kundregister_grid_1">Aktiv</div>
</div>
To jest mój zestaw elementów div, używany jako struktura tabeli.
CSS mówi, co następuje:
.kundregister_grid_1 {
display: inline-block;
float: left;
margin: 0;
text-align: center;
}
.kundregister_grid_1 {
width: 140px;
}
Nie przejmuj się szwedzkimi nazwami. Chcę, aby elementy div były wyświetlane, mimo że nie mają wartości.
<div class="kundregister_grid_full">
<div class="kundregister_grid_1">ID</div>
<div class="kundregister_grid_1"></div>
<div class="kundregister_grid_1"></div>
<div class="kundregister_grid_1">Email</div>
<div class="kundregister_grid_1">Roll</div>
<div class="kundregister_grid_1">Aktiv</div>
</div>
Tak więc w tym przypadku nie ma „Namn” i „Avn.Namn” w dwóch kolumnach. Jednak po uruchomieniu tego w chrome są one usuwane i nie przesuwają już innych elementów div w kolejności float:left
. Więc jeśli mam kategorie w tych samych elementach div powyżej, wartości zostaną umieszczone w niewłaściwej kategorii.