Autor | Zpráva | ||
---|---|---|---|
Janča N. Profil |
#1 · Zasláno: 21. 11. 2013, 23:08:46
Zdravím, mám div, který musí mít nutně width:1920px - v tomto divu totiž pozicuji prvky, které musí sedět.
I když dám na něj nebo na element obalující overflow:hidden; tak na menších rozlišeních se ukazuje horizontální posuvník...div s šířkou 1920 je centrován na střed. Jak docílit toho, aby na menších rozlišeních se div ořízl dle maximálního rozlišení displeje? Předem díky. Hezký večer. |
||
Trejpa Profil |
#2 · Zasláno: 22. 11. 2013, 00:29:21
Janča N.:
Ne daný element, ale obalující musí mít overflow, aby mohl obsah zalézat. Živá ukázka / Odkaz |
||
Janča N. Profil |
Trejpa:
Problém je ten, že element #b má tyto styly... Ukázka Tzn..ta absolutní pozice je tam nutná... |
||
Trejpa Profil |
#4 · Zasláno: 22. 11. 2013, 00:56:02
Janča N.:
A proč není #b centrované normálně pomocí margin: auto , ale tou zrůdností přes pozici?
|
||
Janča N. Profil |
Trejpa:
jak vycentruješ absolutně pozicovaný prvek? Margin: auto mi nefungovalo... Našla jsem to tady: http://stackoverflow.com/questions/8508275/how-to-center-a-position-absolute-element Ta absolutní pozice tam není z důvodu centrování... |
||
Zechy Profil |
Janča N.:
Teoreticky mě ani nenapadá situace, proč centrovat absolutně pozicovaný prvek. Potřebuju-li ho odsadit z vrchu či zabránit, aby nepřesáhl určitou hranici ze spoda, dám mu margin. Pak už se snadno pozicuje tím, že mu nastavíš boční marginy na auto. „Margin: auto mi nefungovalo...“ Centruje se přes margin: 0 auto; - Protože prohlížeč automaticky spočítá margin pro boční strany, né horní a spodní. |
||
Chamurappi Profil |
#7 · Zasláno: 22. 11. 2013, 07:23:55
Reaguji na Zechyho:
„Protože prohlížeč automaticky spočítá margin pro boční strany, né horní a spodní.“ Pro horní a spodní platí, že auto je nula. Takže margin: auto funguje také.
|
||
margin Profil * |
#8 · Zasláno: 22. 11. 2013, 09:56:05
Koukám, že téměř nepoužívaný IE7 (a také IE6) horní/dolní margin zachová. Protože se takto centrující zpravidla DIVy, tak to nevadí, ale třebas u odstavců by došlo k rozdílnému zobrazení.
|
||
Zechy Profil |
#9 · Zasláno: 22. 11. 2013, 14:42:27
Chamurappi:
Áha :) Tak to jsem netušil :) |
||
Časová prodleva: 10 let
|
0