Potřebuji, aby se mi elementy zalamovaly pod sebe Vyřešeno

[cosmosD]

Ahoj, potřebuji, aby se mi na weby elementy <li>, které mám v <ul> zalamovaly pod sebe a ne aby roztahovaly dále šířku stránky, nebo se sami zmenšovali.

Kód: Vybrat vše

.abc{
    display: table;
    border-spacing: 0.313em;
    width: 100%;
    max-width: 1140px;
}

.abc ul {
   display: table-row;
   float: left;   
}
.abc ul li {
    display: table-cell;
    width: 15.4912%;
    height: 14.938em;
}


HTML

<div class="abc">
        <ul>
          <li>
            OBSAH
          </li>
          <li>
           OBSAH
          </li>
  ...
   </ul>
</div>


Jednotlivé li mám nastylované jako rámeček, takže když zmenším šířku prohlížeče, tak chci aby se mi hodily pod sebe, zkoušel jsem u .abc ul li nastavit min-width, ale to nepomohlo, pořád se stránka roztahuje.

pomocí media query to zatím řešit nechci, protože vím, že by to mělo jít i bez nich.

[Reklama]

[CZechBoY]

však odrážkový seznam má položky defaultně pod sebou

[cosmosD]

Já ho ale zobrazuji jako tabulku, mám to z nějaký knížky, asi ji budu muset dohledat . Takhle se často dělají navigace.

[CZechBoY]

já mám navigaci dělanou přes float: left nebo display: inline

proč tam máš tu tabulku?

[CrazyC0de]

Nastav tomu pevnou šířku, pro to ul.

[CZechBoY]

no to není zrovna dobrej nápad
spíš by mě zajmalo proč tomu dáváš display: table - co z toho máš kromě hromady problémů?

[cosmosD]

Mrkni do PM, uz to tu uzamykam.