| 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: 15 let
|
|||
0