Autor | Zpráva | ||
---|---|---|---|
bohumil Profil * |
#1 · Zasláno: 5. 2. 2007, 20:53:38
Ahoj,
potrebuji, abych mel v horní části stránky takový pruh s textem, který tam bude stále, ať už scrolluji se stránkou jakkoliv. První, co mě napadlo, je rozdělit stránku na dva ramy. Do horního dát ten text a do dolního rámu tu hlavní stránku. Lze to udělat v dnešní době také nějak jinak? Třeba pomocí speciálně nastaveného divu? |
||
swetko Profil |
#2 · Zasláno: 5. 2. 2007, 21:31:46 · Upravil/a: swetko
|
||
WanTo Profil |
#3 · Zasláno: 5. 2. 2007, 21:36:44
Tohle by měl zvládnout position: fixed u divu s textem. Nejspíš bude potřeba nastavit i rozměry divu, nejsem si jistý, zda bez nich position: fixed funguje.
Bohužel, v IE 6 to nejspíš nebude fungovat. |
||
Miloš Profil |
#4 · Zasláno: 5. 2. 2007, 22:20:47 · Upravil/a: Miloš
position:fixed v IE6 opravdu nefunguje a co hůř, on ho neignoruje, ale interpretuje jako position:static.
Máš následující možnosti: — Použít nějaký script (ale js natolik neznám) — Napsat pro příslušný element: element {position: static; position: _absolute;} Pokud považuješ _podtržítkový hack za nečisté řešené, můžeš i takhle: element {position: absolute; position: static !important; }, protože jsou-li ve stejné složené závorce dvě definice, explorer (chybně) ignoruje !important u té první. V obou CSS případech to ale bude tak, že bude pruh přibitý jenom v moderních prohlížečích; v IE6 bude jen na začátku stránky a se stránkou odroluje. Nakonec mě ještě napadlo ještě jedno řešení – také čistě pomocí CSS: Horní pruh bude normílně na svém místě (bez pozicování) a pod ním bude zbytek stránky uzavřen do divu s overflow:scroll; Má to ale tu nevýhodu, že tam budeš mít dva scrollbary (div + celá stránka). A nebo ještě jedno řešení; je to poněkud čuňácké, ale vzhledově to je přesně to, co potřebuješ — text ulož jako obrázek a dej ho na pozadí stránky s background-position:fixed; Předem ale varuju – není to vůbec přístupné. |
||
bohumil Profil * |
#5 · Zasláno: 5. 2. 2007, 22:54:00
Diky vsem za rady. Vyresil jsem to jednoduse pomoci position:fixed. V IE7 to jiz zrejme bez problemu funguje. Pro jine verze prohlizecu to nepotrebuji.
|
||
habendorf Profil |
#6 · Zasláno: 5. 2. 2007, 23:08:52
|
||
venca12 Profil |
#7 · Zasláno: 6. 2. 2007, 19:05:40
bohumil Ten statický pruh nahoře na webu jsem taky řešil a vyřešil ho následovně, pomocí css
#static { |
||
Plaváček Profil |
#8 · Zasláno: 6. 2. 2007, 19:09:12
venca12
Mohu dotaz? Nezkoušel jsem. Ale jak tvé řešení funguje v IE7? |
||
venca12 Profil |
#9 · Zasláno: 6. 2. 2007, 20:12:30
Plaváček V RC1 v to vypadá na pohodu. Btw. nerad bych si to přivlastňoval, základní myšlenku mám tuším od Pixyho, ale je to už celkem doba. Mrkni třebas sem http://atelier-ego.cz/onas.php
|
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0