Tomáš Hypeš

Jdi na obsah Jdi na menu

Úvod >> Rady na Estránky >> I pro program Zdarma >> Pevná pozice

Pevná pozice

Anglicky fixed position a do CSS se zapisuje position: fixed;. Pevná proto, protože rolování nemá vliv na pozici. Stále to je na stejném místě bez ohledu na obsah stránky. Takto udělané mám tlačítko Nahoru v dolním pravém rohu. Ve starších prohlížčích (například IE6 a starší) to nefunguje a zobrazí se to tam, kam jste to vložili.

Kompatibilita

Současná verze eStránek:	ANO
Nová verze eStránek:	ANO

Testováno 28. září 2009

Vložení

1. Vytvořte nebo si otevřete již vytvořený příspěvek nebo stránku. Přepněte si na HTML pomocí tlačítka "WYSIWYG / HTML" nad editorem. Nebo si otevřete Nastavení - Upravit kód šablony - např. Hlavní šablona, pokud chcete mít měnící text na všech podstránkách.

2. Vložte HTML kód:

<div style="position: fixed; left: 0px; top: 0px; width: 100px; height: 100px">obsah</div>

left: 0px; - Pokud necháte left, bude to vlevo. Pokud to změníte na right, tak vpravo. 0px je vzdálenost od kraje.

top: 0px; - Pokud necháte top, bude to nahoře. Pokud to změníte na bottom, tak dole. 0px je vzdálenost od kraje.

100px - To je šířka. Pokud dáte 100%, bude to široké přes celé okno.

100px - To je výška. Pokud dáte 100%, bude to vysoké přes celé okno.

obsah - To je HTML toho, co chcete mít v pevné pozici.

A máte hotovo