Autor Zpráva
vojja01
Profil *
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
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 *
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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: