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

Prodej domény detskepovleceni.cz a detskeobliecky.sk

7 500 Kč

0 příhozů

Sportisto.cz

500 Kč

0 příhozů

Doména pujcovnalevne.cz

2 500 Kč

0 příhozů

Doména supervyklizeni.cz

2 500 Kč

0 příhozů

Prodej tonovani-autosklo.cz

2 500 Kč

0 příhozů

Poptávky Více

Marketing e-shopu, PPC, Sklik, Meta

Tvorba pozvánky na narozeniny

propojení WOO comerce se skladem a doplnění seo

Pracovní nabídky Více

COORDINATED .NET DEVELOPMENT TEAM

Práce z domu, Praha

Příležitost pro Software Architekty!

50 000 - 80 000 Kč

Správce/kyně aplikací (systémový/á správce/kyně)

Ostrava, Práce z domu

Django – fulfillment aplikace

Nabídky Více

Nabídka investice – Rychlá návratnost

Tvorba videí a animací

Nabízíme unikátní 3D tisk a výrobu reklamních předmětů – Od návrhu po hotový produkt!

🌐 Profesionální tvorba WEBOVÝCH STRÁNEK – Web-Liska.cz 🌐

Reklamy Google Ads, Sklik, Meta (Facebook, Instagram)