Eiköhän tuollaista pysyvää valikko html-sivun reunaan saa css:llä toteutettua, että se toimisi explorer 6:llakin. Firefoxilla kyllä toimii!
Alla koodit:
.sidebar {
position: fixed;
width: 10em;
height: autopx;
top: 50%;
right: 20%;
bottom: 100px;
left: 89%;
}<DIV class="sidebar"> <a href="linkki.php">LINKKI</a><br> </DIV>
Jantse kirjoitti:
Eiköhän tuollaista pysyvää valikko html-sivun reunaan saa css:llä toteutettua, että se toimisi explorer 6:llakin.
Ei saa. IE6 on neljä vuotta vanha selain, joka ei ole implementoinut kaheksan vuotta vanhaa speksiä.
Voit joko antaa IE:n käyttäjien tyytyä position: absolute -versioon, tai kikkailla Javaskriptillä ko. toiminnon.
Löytyy JavaScriptiä parempikin tapa fixedin emuloimiseen:
<html>
<head>
<title>Paikka!</title>
<style type="text/css">
#paikka {
background : black;
color : white;
left : 20px;
padding : 50px;
position : fixed;
top : 20px;
}
p {
background : blue;
color : white;
padding : 400px 0 2000px 0;
text-align : center;
width : 500px;
}
</style>
<!--[if lt IE 7]><style type="text/css">
#paikka {
position : absolute;
top : expression(eval(document.body.scrollTop) + 20 + 'px');
}
</style><![endif]-->
</head>
<body>
<div id="paikka">Hyyvä koira!</div>
<p>Jotain mälsää sisältöä.</p>
</body>
</html>Ja hieman nätimpi esimerkki: http://dev.jdenny.co.uk/css/ie_fixed.html
Koodi on toki JavaScriptiä, mutta kuten etenkin jälkimmäisestä esimerkistä näkyy, niin ruutu ei vilku. Jostain syystä tämä oma pikaisesti tekemäni esimerkki välkkyy hieman (mutta vähemmän kuin normaalisti JavaScriptillä), mutta ehkäpä sivulla vain täytyy olla hieman enemmän tavaraa kuin vain pari elementtiä.
Jokatapauksessa korjaus onnistuu ihan suoraan IE:lle tarkoitettuun omaan CSS-tiedostoon ilman ylimääräisen JavaScript-tiedoston tekoa.
Aihe on jo aika vanha, joten et voi enää vastata siihen.