CSS: Širší div na prostředek užšího divu?

verified

(39 hodnocení)

28. 11. 2014 17:32:49

Zdravím Webtrh!

Mám problém, dotaz. Dá se v html něják vycentrovat div, který je ale širší než jeho nadřazení blok?

Ukázka http://jsfiddle.net/fb8086bq/1/ DIV "druhy" bych chtěl na střed prvního.

Děkuju

28. 11. 2014 17:32:49

https://webtrh.cz/diskuse/css-sirsi-div-na-prostredek-uzsiho-divu/#reply1072290

Lukáš Jurygáček

verified

(26 hodnocení)

28. 11. 2014 17:37:22

Přes procenta by to mělo jít (samozřejmě i pixely). když bude vnitřní div 120% toho vnějšího, tak mu dáte

a tomu obalovému

Pokud budete mít obě šířky dynamické, pak bych to řešil přes JS.

28. 11. 2014 17:37:22

https://webtrh.cz/diskuse/css-sirsi-div-na-prostredek-uzsiho-divu/#reply1072289

verified

(39 hodnocení)

28. 11. 2014 17:59:18

Napsal iCrow;1145075
Přes procenta by to mělo jít (samozřejmě i pixely). když bude vnitřní div 120% toho vnějšího, tak mu dáte
position: absolute;top: 0;left: -10%;
a tomu obalovému
position: relative;
Pokud budete mít obě šířky dynamické, pak bych to řešil přes JS.

Děkuju. Tvé řešení funguje, ale já jsem udělal chybu při popsaní problému.

Toto je můj aktuální kód. http://jsfiddle.net/fb8086bq/1/ Neznám šířku ani jednoho elementu.

28. 11. 2014 17:59:18

https://webtrh.cz/diskuse/css-sirsi-div-na-prostredek-uzsiho-divu/#reply1072288

Pro odpověď se přihlašte.

Prodej Více

Pacamls.cz – ultraprémiová přírodní krmiva pro psy a kočky

20 000 Kč

0 příhozů

Ziskový jednoproduktový e-shop. Ideální na Vánoční sezónu.

49 000 Kč

0 příhozů

BUVU – balík 26 evropských domén + ochranná známka EUIPO

1 Kč

0 příhozů

RájZvířátek | Virtuální Hřbitov | Plný Skript

4 900 Kč

0 příhozů

🎬PartyVideo.cz – ideální start do sezóny večírků a plesů!

9 900 Kč

0 příhozů

Poptávky Více

Poptávám výdělečné weby ke koupi

Blueprinty kybernetické bezpečnosti | Zdarma

Vývoj moderního agregátoru naučných kurzů + měnových kurzů (affil projekt)

Správa, rozvoj a provoz design systému

Hledáme profi eshopaře

Pracovní nabídky Více

Hledáme Senior/Medior Front-end Drupal Developera pro projektovou spolupráci

50 000 - 100 000 Kč

Hledáme UX/UI grafika

DevOps Engineer

Práce z domu, Praha

150 000 - 200 000 Kč

Laravel Developer

50 000 - 100 000 Kč

Nabídky Více

Halóó, tady účetní!

Přenechám server u CZECHIA

24k.cz k prodeji/pronájmu

PRODEJ ZNAČKY A PROJEKTU: Salátovník s.r.o. – Recepty, Eshop , Catering, Grafika a Komunita pro zdravou stravu | Skvělý potenciál pro restart

Tvorba webů na WordPressu + Meta reklamy (FB & IG)