[CSS, HTML]Vzájemná pozice DIVů

Webdesign, HTML, CSS, Flash, PHP, ASP, .NET, JavaScript. Kritika www stránek na Smetišti.

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod nofire 13. 5. 2019 11:50

Ahoj, můžete mi prosím někdo poradit ?
mám klasický problém s pozicí divu v divu, Po kliknutí do textboxu se zobrazí malý div, ve kterém je další nabídka. Malý div má styl position:absolute, protože potřebuji aby se zobrazil přes ostatní textboxy. Problém nastává když se zobrazuje formulář v okně a uživatel si stáhne šířku stránky. Div, který má position absolute sammozřejmě zůstane na místě a nehne se. Potřeboval bych aby malý div "cestoval" se stránkou a zobrazil se vždy pod textboxem. Zkoušel jsem toho dost, ale nepřišel jsem na to jak div dva ukotvit. Můžete mi prosím někdo poradit ?

Díky za pomoc

(ukázka kódu je samozřejmě bez toho kliknutí do textboxu a pod.)
Kód: Vybrat vše
<div id="dva" style="position:absolute;left:645px; height:100px;width:100px;border: 1px solid black; top: 42px;background-color:red;">
</div>
<div id="jedna" style="margin-left:auto;margin-right:auto;height:300px;width:600px;border: 1px solid black;">
    <input id="Text2" type="text" /><br />
    <input id="Text1" type="text" /><br />
    <input id="Text3" type="text" />
</div>
Ve víně je pravda... ale ve kterém ? Stále ho hledám.
nofire
Junior
Uživatelský avatar

Odeslat příspěvekod Emil Pastelka 13. 5. 2019 12:24

Element s absolutní pozicí vložte do rámce s pozicí relativní.

<stránka>
<rámec s relativní pozicí>
<textové pole></textové pole>
<absolutní pozice></absolutní pozice>
</rámec s relativní pozicí>
</stránka>
Emil Pastelka
Junior
Uživatelský avatar

Odeslat příspěvekod nofire 13. 5. 2019 13:55

No paráda, to je samozřejmě to co jsme potřeboval.

Díky moc
Ve víně je pravda... ale ve kterém ? Stále ho hledám.
nofire
Junior
Uživatelský avatar


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků