| Autor | Zpráva | ||
|---|---|---|---|
| Adam501 Profil |
#1 · Zasláno: 23. 6. 2011, 16:40:46
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;}Když dám vycentrování přímo na něj <div align="center"> Dělat to přes pozicování v CSS se mi nechce. Bude hojně využito dále na stránce. |
||
| Jozin Profil |
#2 · Zasláno: 23. 6. 2011, 16:43:51
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 |
#3 · Zasláno: 23. 6. 2011, 16:51:10
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 |
#4 · Zasláno: 23. 6. 2011, 16:54:35
Adam501:
Pokud na to koukáš v IE, tak musí mít nadřazený prvek vlastnost text-align:center; |
||
| Trejpa Profil |
#5 · Zasláno: 23. 6. 2011, 17:40:18
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 |
#6 · Zasláno: 24. 6. 2011, 14:27:14
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 |
#7 · Zasláno: 24. 6. 2011, 14:41:18
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 |
#8 · Zasláno: 24. 6. 2011, 15:19:33
Díky. Už jsem to pochopil.
|
||
|
Časová prodleva: 6 dní
|
|||
| Ratio Profil |
#9 · Zasláno: 30. 6. 2011, 23:59:12
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 |
||
|
Časová prodleva: 14 let
|
|||
0