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

🔥 Na prodej inzertní portál s prémiovým designem privaty-eskort.cz

39 000 Kč

0 příhozů

Vícestránkový web (služby: přeprava seniorů) a doména PomocnikNaCesty.cz

4 000 Kč

0 příhozů

❤️ Youtuberi.tv – Automatizovaný web s Youtubery s historií z roku 2014 ❤️

19 000 Kč

0 příhozů

Prémiová doména skateboarding.cz

100 000 Kč

0 příhozů

Prodej domény www.hovna.online

100 000 Kč

0 příhozů

Poptávky Více

Poptávám webdesignéra

web copy uprava

Hledá machra na drupal na vyřešení intregrace tailwindu

SHOPTET – nastavené před spuštěním

Hledáme full-stack webového programátora za skvělé finanční ohodnocení

Pracovní nabídky Více

Webař na tvorbu jednoduchého e-shopu

Hledáme pečlivého testera

Brno, Práce z domu, Praha

30 000 - 60 000 Kč

Azure Administrátor

45 000 - 60 000 Kč

ADMINISTRÁTOR WEBU – FULL REMOTE

Nabídky Více

PPC kampaně – vyhledávací síť, obsahová síť FB / IG, Sklik, YT video reklama, in Streamová video reklama

Balíček – Leadovací kampaň na Facebooku a Instagramu

eshop scrapping do CSV vč. obrázků a jejich adres

✅ Webové stránky s administrací – hotovo do 1–2 týdnů – 4 500 Kč

🎬 Motion Design & Video Postprodukce 🎞 – Jan Kopecký | 🎨 Animace, ✂️ Střih, 🎬 VFX