Diskuze: CSS Velikost nadřazených DIVÚ podle child DIVU vloženého dynamicky

HTML a CSS HTML a CSS CSS Velikost nadřazených DIVÚ podle child DIVU vloženého dynamicky American English version English version

Avatar
Marek Šafránek:

Prosím o radu, jsem nováček a vytvářím zkušebně layout s několika vnořenými divy.
Po kliknutí na přidat, se do vnitřního divu vloží pomocí jquery append() nový div který by měl představovat místnost, šířka je pevně 90% a výška divu se dopočítá.

Jenže po vložení se žádný z rodičovských divů nezvětší, at zkouším cokoliv mě napadá. Věděl by někdo o nejakém CSS postupu bez nutnosti ošetřovat zvětšování velikosti pomocí JS?

Kód na https://jsfiddle.net/jd7z65pt/
https://jsfiddle.net/jd7z65pt/

Odpovědět 30. ledna 18:33
Stojí-li něco za námahu, je třeba to udělat pořádně...
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Marek Šafránek
Honza Bittner:

Řekl bych že máš pěkný nepořádek s absolutní pozicí, která tuším neovlivňuje velikost rodičovského elementu. Doporučuji to předělat od začátku a testuj funkčnost každého kroku; alespoň se procvičíš. :-)

Nahoru Odpovědět 31. ledna 0:02
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Marek Šafránek:

Už sem na to přišel, protože mám výšku elementů zadanou stylem: left, top, right, bottom
stačilo zvětšit hierarchicky nejvyšší div a je to.

Těma absolute sem si to zabordelil, když jsem zkoušel nějaký návod, který nefungoval, takže to zase pročistím.

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět 31. ledna 10:02
Stojí-li něco za námahu, je třeba to udělat pořádně...
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.