Autor Zpráva
Kaja
Profil *
#1 · Zasláno: 17. 4. 2005, 19:41:31
Odpovědět Citovat
jsem začátečník a tak děkámn CSS za pomoci N|VU a nevim jak udělat simulaci fixed pro IE, pořád se to v tom IE nehejbe... tady je kompletní style a kompletní hlavička...

#hlavicka { background-image: url(horni_cast.png

);
background-position: center;
width: 797px;
height: 134px;
margin-top: 0px;
padding-top: 0px;
top: 0px;
margin-left: 0px;
padding-left: 0px;
left: 0px;
position: absolute;
}

#telo {
font-family: Arial, helvetica, sans-serif;


margin-top: 0px;
padding-top: 0px;
padding-left: 0px;
top: 134px;
left: 0px;
margin-left: 206px;
background-repeat: repeat;

position: absolute;


z-index: 3;
}

h1{color:#0F0CBC;
font-size:130%;
}
h2{
text-decoration:underline;
font-size:105%;}

#ruzek { background-position: center;
width: 206px;
height: 205px;

background-image: url(dolni_leva_cast.png);
margin-top: 134px;
padding-top: 0px;
padding-left: 0px;
top: 0px;
left: 0px;
margin-left: 0px;
background-repeat: repeat;
position: absolute;
z-index: 2;
}

#pohyb { background-position: center;
width: 180px;
text-align:right;
float:left;
padding: 10px;


font-family:Arial, helvetica, sans-serif;
font-size:90%;
color:black;
top: 190px;
padding-top: 0px;
padding-left: 0px;

left: 0px;
margin-left: 0px;
background-repeat: repeat;
position: fixed;
z-index: 3;
border-rigt-color:black;
border-right-style:solid;
border-right-width:3px;

}
a:link {color: green;}


#odraz { background-position: center;
width: 591px;
height: 205px;

background-image: url(dolni_prava_cast.png);
margin-top: 134px;
padding-top: 0px;
padding-left: 0px;
top: 0px;
left: 0px;
margin-left: 206px;
background-repeat: repeat;
position: absolute;
z-index: 2;
}


a html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-2"
http-equiv="content-type">
<title>Apartm&aacute;ny Koz&aacute;kov</title>
<link rel="stylesheet"
href="design/style" type="text/css">

<!--[if IE 6]>
<style>
body, html {overflow:auto; height:100%; margin:0px;}
#pohyb{position:relative;}
</style>
<![endif]-->


</head>

díky moc. Kaja
Kaja
Profil *
#2 · Zasláno: 17. 4. 2005, 19:42:24
Odpovědět Citovat
dodávám - pohybovat se má ^pohyb.
Marine
Profil *
#3 · Zasláno: 17. 4. 2005, 22:02:40
Odpovědět Citovat
moc tomu teda nerozumim - chces aby to zustavalo furt na stejnem miste na obrazovce nebo aby to popojizdelo s tim jak scrollujes?

fixed dela to, ze to zustava na stejnem miste na obrazovce...
Martin Kuželka
Profil
#4 · Zasláno: 18. 4. 2005, 10:32:58
Odpovědět Citovat
Možná ti pomůže článek Náhrada chybějící podpory position:fixed od Pixyho.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0