Autor Zpráva
Centriz
Profil *
Dobrý den,
řeším problém s vycentrováním objektů na střed.

Mám HTML:

<body>

      <div id="page">
            <div class="options">
                  <div class="option">text</div>
                  <div class="option">text</div>
                  <div class="option">text</div>
                  <div class="option">text</div>
            </div>
      </div>


</body>

a k tomu CSS:

#page {
      width: 1000px;
      margin: 0px auto;
      text-align: center;
}
      #page .options {
            float: left;
      }
            #page .options .option {
                  margin: 0px auto;
                  text-align: center;
                  width: 93px;
                  height: 93px;
                  background-image: url("../img/option.png");
                  background-repeat: no-repeat;
            }


Avšak objekty nejsou uprostřed 1000px plochy, ale na jejím kraji vlevo. Jak tyto objekty .option zarovat přímo na střed této plochy?

Děkuji.


Poslal jsem špatné CSS, tohle CSS je aktuální:

#page {
      width: 1000px;
      margin: 0px auto;
      text-align: center;
}
      #page .options {
            margin: 0px auto;
            text-align: center;
      }
            #page .options .option {
                  float: left;
                  width: 93px;
                  height: 93px;
                  background-image: url("../img/option.png");
                  background-repeat: no-repeat;
            }
margin
Profil *
div class="option" jsou vždycky čtyři, nebo jsou čtyři jen v této ukázce?
Pokud je celková šířka známá, je vycentrování triviální, width: 372px; margin: auto; pro #page .options, a tím, že tobě schází přidat šířku.

[small]Mimo téma:
Pokud deklaruješ margin: auto; tak podle CSS specifikace je horní a dolní margin nulový, není nutné nulový horní a dolní margin explicitně deklarovat.
text-align se dědí (z #page), takže osmý řádek CSS můžeš klidně smazat.

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: