Autor | Zpráva | ||
---|---|---|---|
Anonymní Profil * |
Tak ještě jednou, nemohu přijít na tuto záludnost proč se v IE zobrazí obrázek na pozadí který je definovát ve vrstvě "telo" a proč se tento obrázek ve firefoxu ani v opeře nezobrazí.
Zkoušel jsem snad už všechnomožné:( body { color: #565656; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #e3e3e3; background-image: url(images/img1.gif); background-repeat: repeat-x; background-position: 100% top; text-align: center } #obs ul { color: #727272; font-size: 13px; font-weight: 600; background-color: #fff; list-style-type: none; display: inline; margin-top: 5px; padding-top: 5px; padding-left: 15px; border-top: 1px dotted #cbe6c9 } #obs ul li { background-color: #fff; text-align: left; display: block; padding-right: 10px; padding-left: 10px; width: 150px; float: left } p { text-indent: 10px; margin: 0; padding: 4px 15px } a:link { color: #727272; text-decoration: underline } a:visited { color: #727272; text-decoration: underline } a:hover { color: #727272; text-decoration: underline } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } h1 { color: #aac5a8; font-size: 16px; font-weight: 600; text-align: left; margin: 0; padding-right: 0; padding-bottom: 0; padding-left: 10px } h2 { color: #727272; font-size: 13px; font-weight: 600; display: block; margin: 5px 0 0; padding-top: 5px; padding-left: 15px; width: 400px; border-top: 1px dotted #cbe6c9 } h3 { color: #727272; font-size: 11px; font-weight: 600; display: block; margin: 5px 0 0; padding-top: 5px; padding-left: 15px; width: 400px; border-top: 1px dotted #cbe6c9 } .oranz { color: #f7c700; font-size: 10px; font-weight: 600 } .cara { display: block; margin-right: 0; margin-bottom: 5px; margin-left: 0; padding-bottom: 5px; width: 400px; border-bottom: 1px dotted #cbe6c9 } .lefttext { float: left } .rigthtext { padding-right: 205px; float: right } #telo { background-image: url(images/bcpas.gif); background-repeat: repeat-y; background-attachment: fixed; background-position: 100% 100%; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 0; position: relative; width: 637px; clip: auto; border: solid 1px #666 } /*portfolio velikost obsahu*/ .imgportfolio { margin-right: 2px; margin-left: 15px; border: solid 1px #a4a4a4 } /*end portfolio*/ #obsah { background-color: #fff; margin: 0; padding: 0 } #levy { background-color: #fff; text-align: justify; margin: 0; padding: 0; width: 443px; float: left } #pravy h1 { color: #cbe6c9; font-size: 24px; font-weight: 600; text-align: left; margin: 0; padding: 10px 0 0 10px } #pravy { text-align: left; margin: 0; padding: 0 0 4px; width: 193px; float: right } #pravy a:link { color: #565656; text-decoration: none } #pravy a:visited { color: #565656; text-decoration: none } #pravy a:hover { color: #333; text-decoration: none } #pravy ul { list-style-type: none; margin: -18px 0 0; padding: 0; width: 150px } #pravy ul li { margin-top: 5px } #pravy ul li a { background-color: transparent; display: block; margin: 0; padding: 3px 20px 3px 23px; width: 150px } #pravy ul li a:hover { background-color: transparent; padding-top: 2px; padding-bottom: 2px; width: 150px; border-top: 1px dotted #f7c700; border-bottom: 1px dotted #f7c700 } #pata { color: #999; font-size: 10px; text-align: left; margin-top: 10px; margin-right: auto; margin-left: auto; position: relative; width: 637px; } #pata img { vertical-align: middle } .paticka { background-color: #fff; padding: 3px; border: solid 1px #ccc } /*menu*/ #menu ul { color: #727272; font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background-color: #f7fbf7; text-align: center; list-style-type: none; margin: 0 0 10px; padding: 0; width: 100%; float: left } #menu li { line-height: 25px; display: inline } #menu li a { color: #727272; font-size: 12px; text-decoration: none; background-color: #f7fbf7; margin: 0; padding: 4px 13px 4px 10px; border-right: 1px solid #727272; border-bottom: 1px solid #727272 } #menu li a:hover { color: #727272; text-decoration: none; background-color: #bad1b8 } #tit { display: block; width: 443px; height: 164px; border-bottom: 1px solid #333 } Výsledek je vidět Zde |
||
Charlie Profil |
#2 · Zasláno: 21. 5. 2005, 23:27:07
Mám Firefox a zobrazí se mi v pohodě.
|
||
Charlie Profil |
#3 · Zasláno: 21. 5. 2005, 23:31:44
Teda vlastne ne
|
||
centi Profil |
#4 · Zasláno: 21. 5. 2005, 23:48:11
Anonymní
Vyhoď z definície #obsah background-color, pretože tá biela farba ti "preplácne" pozadie nadradeného DIVu. Potom sa už nejak pohraj s pozíciou toho pozadia, to sa mi už nechcelo riešiť :-) |
||
centi Profil |
#5 · Zasláno: 21. 5. 2005, 23:52:25
No tak som sa s tým ešte trocha pohral. V definícii #telo zmeň background position na:
background-position: top center; |
||
peta Profil * |
#6 · Zasláno: 22. 5. 2005, 08:51:56
centi: Vcera jsem mu to napsal na grafika.cz , napsal jsem mu to i tu v nejakem prispevku driv. Komu neni rady, neni pomoci. Uvidis, zas to sem da do tretice :)
|
||
Anonymní Profil * |
#7 · Zasláno: 22. 5. 2005, 09:15:35
Díky už mi to funguje, děkuji za jasnou informaci, kterou jsem od Peti nedostal.
|
||
Časová prodleva: 20 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0