Autor | Zpráva | ||
---|---|---|---|
Hasii Profil * |
#1 · Zasláno: 12. 6. 2011, 12:07:20
Dobrý den, mám kód, který mi bohužel vůbec nefunguje v IE =( zkoušel jsem různé návody na internetu (google, djwp, apod...) ale stále nic. Prosím o pomoc Vás.
CSS: #userPanel { background-image: url("../images/userpanel.png"); background-repeat: repeat-x; border-top: 1px solid #919191; position: fixed; _position: absolute; bottom:0; left:0; width: 100%; height: 30px; } body, html, * * { margin: 0px auto; padding: 0px; } /* PAGE - Body margin, padding text-align background-image */ html { height: 100%; } body { height: 100%; margin: 0px auto; text-align: center; padding: 0px; font-family: Arial, sans-serif; background-image: url(../images/bg.png); background-repeat: repeat-x; width: 900px; } html: <div id="userPanel"> lišta </div> kód se chová takto: zatímco v google chrome, mozile, opeře to běží, v IE se pouze vykreslí na spodním okraji zobrazené stránky, ale při rolování zůstene pořád ve stejné pozici, takže se nehýbe ani směrem dolů, ani nahoru. Děkuji za pomoc |
||
panther Profil |
#2 · Zasláno: 12. 6. 2011, 12:49:21
|
||
Hasii Profil * |
#3 · Zasláno: 12. 6. 2011, 13:06:55
*|html[xmlns*=""] .content { display: table; height: 100% } .rightBox .content { margin-top: 10px; _margin-top: 11px; /* IE[5], IE[6] hack */ =margin-top: 11px; /* IE[5], IE[6] hack */ background-image: url(../../../images/content.png); background-repeat: repeat-y; padding-top: 20px; padding-bottom: 30px; min-height: 100%; height: 100%; position: relative; } #userPanel { background-image: url("../images/userpanel.png"); background-repeat: repeat-x; border-top: 1px solid #443535; width: 100%; height: 40px; overflow: hidden; position: absolute; bottom: 0; left: 0; } Takto upraveno, ovšem teď již nefunkční v každém prohlížeči. Lišta se zobrazí správně na spod stránky, ale bohužel se neroluje s výškou stránky a to v ani jednom prohlížeči. |
||
panther Profil |
#4 · Zasláno: 12. 6. 2011, 13:22:25
Hasii:
projdi si ty odkazy, které jsem posílal. Stránka se chová přesně tak, jak chceš, resp. jak jí CSS zápisem říkáš, aby se chovala. |
||
Hasii Profil * |
#5 · Zasláno: 12. 6. 2011, 13:24:44
Přesně podle těch odkazů jsem doplnil (a) nebo (odstranil) věci, které tam být (ne)měly. Výsledek je jak jsem již zmiňoval, že to nefunguje ani v jednom, nejspíš něco přehlížím, a proto prosím o pomoc v diskusi. Možná to vypadá, že jsem jen línej, ale opravdu nad tím dloumám už fůra času a potřeboval bych se pohnout z místa, proto prosím o pomoc diskutéry.
|
||
Hasii Profil * |
#6 · Zasláno: 12. 6. 2011, 13:33:55
Nahrál jsem ukázku na internet, včetně css a html kódu:
http://www.litomysl.dcommunity.net/ Děkuji moc všem, kteří budou ochotni a pomůžou. |
||
Časová prodleva: 13 let
|
0