Fixní pozicování stránky
Řešení, pomocí kterého lze například ukotvit menu na stránce, kterou lze rolovat.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Petr Staníček. Bližší popis najdete v článku The missing-position-fixed hack.
CSS
body,html
{
margin:0;
padding:0;
height:100%;
_overflow:hidden;
}
body
{
background: #dddddd;
}
#obsah
{
margin:0;
padding:0;
height:100%;
overflow:auto;
}
#obsah-uvnitr
{
margin:0;
padding:20px 20px 20px 200px;
}
#menu
{
position:fixed;
_position:absolute;
top:20px;
left:20px;
margin:0;
padding:0;
width:150px;
border:1px solid blue;
}
XHTML
<html>
<body>
<div id=“obsah“>
<div id=“obsah-uvnitr“>
Obsah stránky…
</div>
<div id=“menu“>
Fixni menu…
<ul>
<li><a href=“/“>Odkaz 1</a></li>
<li><a href=“/“>Odkaz 2</a></li>
<li><a href=“/“>Odkaz 3</a></li>
<li><a href=“/“>Odkaz 4</a></li>
<li><a href=“/“>Odkaz 5</a></li>
</ul>
</div>
</div>
</body>
</html>
Mohlo by vás také zajímat
-
4 tipy, jak na efektivní úsporu při rozjezdu podnikání
3. ledna 2023 -
OpenAI představilo novou funkci ChatGPT Search
6. listopadu 2024 -
Proč investovat do nejvýkonnějších VPS s AMD EPYC procesory
14. června 2024 -
Znovuuvedení domény .AD
5. září 2024
Nejnovější
-
Výkonný a kompaktní: ASOME Max Studio s výjimečným poměrem cena/výkon
11. listopadu 2024 -
Šokující data od Microsoftu: Kyberútoky rostou o stovky procent!
8. listopadu 2024 -
Chcete jedinečnou doménu? Objevte koncovky FOOD, MEME a MUSIC!
7. listopadu 2024 -
OpenAI představilo novou funkci ChatGPT Search
6. listopadu 2024