Autor Zpráva
Kolemjdoucí
Profil *
Ahoj, poradil by mi prosím někdo, jak přímo na tomto responzivním příkladu nastavit stejnou výšku u všech tří sloupců podle nejvyššího? Děkuji za pomoc.
janky
Profil
Prostuduj Flex
Vytvoř obal obsahu a nastav mu display: flex
weroro
Profil
Kolemjdoucí:
Prípadne namiesto flexu:
Obaliť tie 3 stĺpce do DIV s class=stlpce
.stlpce {
  display:table-row;
}
#content {
    width: 33%;
    display:table-cell;
    padding: 5px 15px;
}

#middle {
    width: 33%;
    display:table-cell;
    padding: 5px 15px;
    margin: 0px 5px 5px 5px;
}

#sidebar {
    width: 33%;
    padding: 5px 15px;
    display:table-cell;
}
Tomáš123
Profil
Kolemjdoucí, janky:
Situáciu ide rovnako dobre a s lepšou podporou riešiť aj pomocou tabuľkových hodnôt vlastnosti display.

Keďže medzery medzi stĺpcami nejde pridať iba medzi niektoré bunky, po bokoch je nutné rozdiel vyrovnať záporným marginom.

Vlastnosť margin sa v prípade tabuľkového displayu s výnimkou hodnôt table-caption, table a inline-table neaplikuje.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: