Autor Zpráva
Adam501
Profil
Ahoj. Mám problém s centrováním DIVu. Když na něj hodím třídu a do třídy potom v css zapíšu
.centrovani {margin-left: 0px; margin-right: 0px;}
. Tak si DIV zarytě stojí u levého okraje stránky.
Když dám vycentrování přímo na něj
<div align="center">
tak stále zůstává u levého okraje.

Dělat to přes pozicování v CSS se mi nechce. Bude hojně využito dále na stránce.
Jozin
Profil
Zdravím,

div je automaticky 100% široký a tak se nemá kam pohybovat a v css se vystřeďuje div takto:
#centrovani {
 margin: 0 auto;
 width: 900px;
}
Adam501
Profil
Zapomněl jsem. Div má v ID definovanou šírku(800px).

Zkusil jsem oboje dát do jednoho řádku(třídy), ale stejně nefunguje :(
Medvídek
Profil
Adam501:
Pokud na to koukáš v IE, tak musí mít nadřazený prvek vlastnost text-align:center;
Trejpa
Profil
Adam501:
Když dám vycentrování přímo na něj <div align="center"> tak stále zůstává u levého okraje.
Pochopitelně. Element DIV pomocí atributu center vystředí text v sobě, ne sebe vůči okolí. V Internet Exploreru v quirku vystředí v sobě i blokové prvky, proto se to používá na nadřazený blok. Přečti si o Vodorovném centrování.
Adam501
Profil
Medvídek:
Koukám na to v MF 4.

Trejpa:
Vždyť mám nastaveno v css
margin: 0 auto;

Nevím co tedy konkrétně myslíš, ale kromě zarovnání textu v divu(text-align) mám všechno stejně...
Trejpa
Profil
Adam501:
Četl jsi odkázanou stránku? Pochopil jsi ji?

kromě zarovnání textu v divu(text-align) mám všechno stejně...
Takže nečetl a/nebo nepochopil.

.a { text-align: center; } /* IE quirk vycentruje text i bloky v tomto bloku */
.b { margin: 0 auto; }     /* FF a IE stand. vycentruje tento blok vůči okolí */
.b { width: 500px; }       /* aby byl blok uprostřed, musí mít šířku menší než 100 % */
.b { text-align: left; }   /* aby další vnořený text začínal vlevo */

<div class=a> <!-- v tomto se bude centrovat -->
<div class=b> <!-- toto bude vycentrované -->
</div>
</div>
Adam501
Profil
Díky. Už jsem to pochopil.
Ratio
Profil
K tomuhle bych měl ještě dotaz. S absolutními hodnotami centrovaných celků to chápu, ale co když potřebuji vycentrovat blok B s absolutní šířkou v bloku A s procentuální šířkou?
.a { text-align: center; }
.a { width:100%; }
.b { margin: 0 auto; }
.b { width: 500px; }
.b { text-align: left; }

<div class=a> <!-- v tomto se bude centrovat -->
<div class=b> <!-- toto bude vycentrované -->
</div>
</div>

Díky

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0