Div absolutní v relativním
Zdravím
Potřebuji pomoct a obracím se na Vás profíky
Představte si - mám extérní stylopis CSS a v něm mám definovány 2 třídy DIV.
Jedna se jmenuje relativni a druha absolutni.
V HTML je absolutní třída vnořená do relativní třídy. Absolutní třída je uprostřed stránky, relativní třída jde od shora.
Chci dosáhnout toho, aby se spodní okraj relativní třídy měnil podle velikosti absolutní třídy tak, aby celý absolutní div pojmul do sebe.
Děkuji za jakékoliv nápady.
To mi přijde nějaké komplikované. Já bych to udělal nějak takto, bez absolutních a relativních.
<div><!--obal-->
<div style="margin:100px">
obsah - text etc
</div>
</div>
Jo ono to souvisí tam s tím vedle, jak jsem se ptal, že když se to natáhne, že to překryje footer že? Měls pokračovat tam. Tohle asi tedy zamknu.
Ten relativní se podle mě nemá z čeho natahovat, když má onen absolutní z-index a "pluje jakoby nad tím" úplně nezávisle, takže ho nemáš "v něm". V něm je to jen opticky.
Vybodni se na absolutní/relativní, udělej to normálně a budeš mít o mnoho starostí méně.
Normálně... no ono se to lehce řekne...
Jak jsem již říkal, pozadí je dělané přes 3 DIVY - hlavička, obsah a pata... Opakuji - JEN A POUZE POZADÍ je takto řešeno!
Všechen ostatní text na stránce je NEZÁVISLÝ na těch 3 DIVech a normálně překrývá obsah i patu (hlavičku ne, odsadil jsem to a začíná to níž). Potřebuji to takto, protože dělám ten web minecraft wiki a dole je bedrock a vzácné rudy a to celé má výšku cca 600px a to by byla moc velká pata, kdybych to dělal klasicky...
No a problém teď je, jak dosáhnout toho, aby se DIV obsah (řekněme země s nepříliš vzácnými rudami - iron a coal) roztáhl podle toho, jak je ten ABSOLUTNÍ PŘEKRÝVAJÍCÍ A NEZÁVISLÝ text veliký.
Nakonec jsem to vyřešil javascriptem, který zjistí výšku textu a automatický podle toho roztáhne podklad.
Dej do divu "obsah" ještě jeden div s margin třeba 100px auto 30px auto, který bude mít poloprůhledné pozadí a máš to, co chceš mít.