Autor | Zpráva | ||
---|---|---|---|
vojja01 Profil * |
#1 · Zasláno: 26. 3. 2013, 18:02:21
Dobrý den,
potřeboval bych se poradit s problémem, jak nastavit automatickou výšku divu. (nejspíš pomůže kód:) <div id="info" style="margin:25px;margin-top:60px;width:95%;height:90%;" class="popup"> <div class="popup-top" style="width: 100%;float:left;height: 50px;"> <div style="float:left;width:100%;"> <h2 style="font-size:350%;">O projektu</h2> </div> </div> <div class="popup-content" style="color: white;float:left;width:94%;margin: 3%;"><!--94% kvůli tomu marginu--> <div class="popup-bottom" style="width: 100%;float:left;height: 50px;"> <button class="button" style="margin-left:590px;margin-top: 10px;" onclick="hide('info')">OK</button> </div> </div> Takže, hlavní div (".popup") mám rozdělený na horní (".popup-top"), prostřední a dolní ("popup-bottom") část s pevně danou šířkou. Jenže potřebuji, aby byl ten dolní div "nalepený" dole a prostřední aby roztahoval podle potřeby výšku, zatímco horní a dolní části si zachovají svoji pozici a velikost. Bohužel to ale nefunguje a dolní div vůbec neudržuje pozici u dolního okraje. Zároveň ale chci aby byl ten celý div roztáhlý, tedy aby nemusel mít ten popup-content výšku na auto. Nevíte někdo co s tím? (předem děkuji za každou odpověď) |
||
Trejpa Profil |
#2 · Zasláno: 26. 3. 2013, 18:48:59
vojja01:
Zapomněl jsi na jedno </div>, předpokládám tedy uzavření .popup-content. Vyházel jsem plavání, to se používá, když mají být prvky vedle sebe. Uprav si height obalu, aby ti tam vše vešlo. <div id="info" style="margin:25px;margin-top:60px;width:95%;height:90%; padding: 50px 0; position: relative;" class="popup"> <div class="popup-top" style="width: 100%;height: 50px; position: absolute; top: 0; left: 0;"> <div style="float:left;width:100%;"> <h2 style="font-size:350%;">O projektu</h2> </div> </div> <div class="popup-content" style="color: white;width:94%;margin: 3%;"> obsah </div> <div class="popup-bottom" style="width: 100%;height: 50px; position: absolute; bottom: 0; left: 0;"> <button class="button" style="margin-left:590px;margin-top: 10px;" onclick="hide('info')">OK</button> </div> </div> |
||
vojja01 Profil * |
#3 · Zasláno: 27. 3. 2013, 10:25:13
Děkuji, nicméně to ale neřeší můj problém,
chtěl bych se pokud možno vyhnout jákémukoliv absolutnímu pozicování a jelikož je ten celý prvek orientovaný jako "dialog", rád bych, aby se ten popup-content sám roztáhl podle toho kolik je v něm obsahu. Jenže zároveň potřebuji aby byl popup-bottom stále ve spodní části celého toho divu, aby si zachoval svou výšku a aby byl jakoby "nalepený" dole, jenže se se změnou velikosti okna stále drží hned pod tím "popup-content". Takže já potřebuji, aby se "popup-content" automaticky roztahoval, ten jediný má mít výšku automatickou. Doufám, že jsem to nenapsal nesrozumitelně :D a omlouvám se, že nemohu přiložit ukázku. |
||
Trejpa Profil |
#4 · Zasláno: 27. 3. 2013, 11:09:36
vojja01:
Tak nezadávej výšku do obalu .popup. Celé jsem to napozicoval do paddingu obalu, takže na výšku .popup-content to nemá žádný vliv. |
||
Časová prodleva: 11 let
|
0