| Autor | Zpráva | ||
|---|---|---|---|
| dolly1010 Profil |
#1 · Zasláno: 24. 12. 2013, 21:06:29
Zdravím,
mám na stránce tři DIVy. DIV Infobox se zobrazí jako velké okno, které by mělo mít křížek (id="zavrit) a text zprávy (id="infotext"). <div id="infobox">
<div id="zavrit" onclick="$('#infobox').fadeOut(600);"></div>
<div id="infotext"></div>
</div>Potřeboval bych, aby se křížek (id="zavrit) zobrazil fixně vždy v pravém horním rohu infoboxu. I v případě, že infobox bude mít posuvník. Správně se zobrazí, když mu dám v CSS vlastnost position: absolute;, ale to ho mohu odrolovat pryč. Pokud použiji position: fixed; tak sice visí na jednom místě, ale vůči oknu a né "mateřského" DIVu.
|
||
| Str4wberry Profil |
Fixní posicování má vždy jako mateřský obal okno prohlížeče.
1. Můžete tedy fixní křížek vyměřit, aby odpovídal umístění v tom boxu. 2. Nebo uvnitř boxu křížek umístit absolutně a obsah, kde se může rolovat, dát do sourozence křížku. A až tomu nastavit overflow: auto.
|
||
| dolly1010 Profil |
#3 · Zasláno: 24. 12. 2013, 21:37:45
Díky. Udělal jsem to takhle. Myslím, že by to měla bejt možnost 2 :)
#infobox{
height: 85%;
width: 1000px;
position: relative;
margin-left: auto;
margin-right: auto;
padding: 4px;
overflow: hidden;
}
#infotext{
height: 100%;
width: 100%;
overflow: auto;
}
#zavrit{
position: absolute;
cursor: pointer;
top: 0px;
right: 20px;
width: 35px;
height: 35px;
background-image: url(./close.png);
} |
||
|
Časová prodleva: 10 let
|
|||
0