4 svar · 405 visningar · startad av tanten
Jag har en inloggningsgrej i denna div.
#hoger{
left:730px!important;
top:50px;
position: absolute;
}
Allt är OK så länge jag låter positionen vara absolut. Så fort jag ändrar till fixed åker rutan upp till 0 0 -läge i IE.
Jag vet att IE inte stöder fixed ännu, men finns det något sätt att koda olika så jag kan ha den fixed i FF och placerad på samma ställe i IE... utan att använda hack som ska försvinna?
Om inte så får det bli absolut, men nyfiken... och :q
Med den här koden så får div'ar med class="testklass" att få position: fixed i FF och absolute i IE.
<style type="text/css">
.testklass{
position: fixed;
left: 500px;
top: 500px;
}
</style>
<!--[if IE 6]>
<style type="text/css">
.testklass{
position: absolute;
}
</style>
<![endif]-->
Nu har jag testat och testat och.... Ser ju att det fungerar aldeles utmärkt i ett dokument utan min övriga kod... men den trivs inte med min sida. Himla konstigt!!! :q
Har raderat allt som fanns i min ursprungliga css som hade med detta att göra så det inte skulle finnas något där och bara använt din i dokumentet, men nej då. När jag ändrar till absolut så fungerar det för båda men inte med fixed. Jo i FF men i IE så åker den upp med raketfart till vänstra hörnet igen... Suck. Hade varit så roligt om det hade fungerat. Men nu känner jag mig bara :OO
Jag använder mig av följande "trick" för att få min meny rätt placerad i IE med "absolute" position och "fixed" i andra webbläsare som stödjer "fixed".
#Col1 {position:absolute;width:140px;left:25px;top:236px;}
body > #Col1 {position:fixed; width:140px;}
Jag har alltså angett exakt position i höjd och sidled i första alternativet för IE, som inte kan "läsa" det andra alternativet på grund av "child" tecknet "body >". Har man div'en som ska fixeras innanför en annan (parent) div ska man förstås ange den div'en istället för "body". Tricket finns också beskrivet på http://www.w3.org/Style/Examples/007/menus.html
Du satt den på plats! :bire :L