Autor Zpráva
Jezza
Profil *
Dobrý den,
narazil jsem na jeden problém při strukturování stránky. Margin Top nic nedělá - Pravděpodobně to bude margin-collapsem. Jakékoliv řešení, které jsem našel na internetu bohužel nefungovalo.
Kod - HTML:

<body>
...
<main>
  <div class="section content">
    ...
  </div>
  <div class="section content">
    ...
  </div>
  <div class="section content">
    ...
  </div>
</main>
...
</body>

Kod - CSS:
main div.section.content {
  margin-top: 50px;
}
main div.section.content,
main div.section div.s-content {
  width: 1200px;
  margin: auto;
}

Děkuji za případnou pomoc.
Bubák
Profil
margin: auto; způsobí, že horní a dolní margin bude nulový.
Napadaní mne dvě tři možnosti, jak to řešit, použiji všechny najednou, ale stačí použít jednu z možností:
- silnější selektor pro horní margin
- slabší selektor pro automatický margin
- automatický margin jen pro pravou a levou stranu:
body main div.section.content {
  margin-top: 50px;
}
main .section.content,
main div.section div.s-content {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

Já osobně bych to udělal takto:
main div.section.content {
  margin: 50px auto 0;
}
main div.section div.s-content {
  width: 1200px;
  margin: auto;
}
Jezza
Profil *
Bubák:
Druhá možnost nefungovala, ale první ano. Díky moc.

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: