Autor Zpráva
dolly1010
Profil
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
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);    
}

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: