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
Mám Firefox a zobrazí se mi v pohodě.
Charlie
Profil
Teda vlastne ne
centi
Profil
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
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 *
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 *
Díky už mi to funguje, děkuji za jasnou informaci, kterou jsem od Peti nedostal.
Toto téma je uzamčeno. Odpověď nelze zaslat.