[IE7] Element met CSS property Fixed weergeven*

[Igor4]

Tweakers, bij een website voor een klant heb ik het volgende probleem:

Het lukt me niet om een plaatje in een div met position fixed; weer te geven in IE7. Het lukt wel in Safari en Firefox (beide nieuwste versies). Op Google heb ik gezocht voor een oplossing maar ik kon enkel oplossingen voor IE6 vinden. Ik heb op meerdere plekken gelezen dat het in IE7 gewoon moet werken.
Hier kun je de pagina met het fixed; plaatje vinden:

http://www.martialart-clipart.com/

[code=html] <td width=241 valign=top> <div id="floatdiv" style="position:fixed;left:0px;top:0px;">
<img src="images/aikido01.gif" alt="Preview" name="preview" width="243" height="318" align="left" class="preview" id="preview">
</div></td>
</table>
</div>
</body>
</html>[/code=html]

De CSS:

[code=css]
.preview {
float: right;
position: fixed;
}[/code=css]

Ik heb ook geprobeerd het zonder een div om het plaatje heen te doen en enkel het plaatje binnen de kolom fixed te positioneren, maar dat werkte in IE7 helaas ook niet|:(

Kan iemand mij helpen?

Alvast heel erg bedankt!:)

[ Voor 70% gewijzigd door Igor4 op 22-07-2009 15:37 ]

[BtM909]

Wat heb je precies geprobeerd om t op te lossen? Heb je bijvoorbeeld al gezocht met Google en naar de mogelijke oplossingen gekeken?

Je voorbeeld doet niet zo heel veel aangezien er weinig te scrollen valt Kan je een werkende case online zetten of een complete set (met alleen een fixed element) zodat 't testen voor ons wat makkelijker gaat?

Het is niet alleen maar afhalen van hulp hier he

edit:

Zet je code ook even tussen [code=html][/] en [code=css][/] tags voor de leesbaarheid.

[ Voor 10% gewijzigd door BtM909 op 22-07-2009 15:00 ]

[Igor4]

BtM909 schreef op woensdag 22 juli 2009 @ 14:59:
Wat heb je precies geprobeerd om t op te lossen? Heb je bijvoorbeeld al gezocht met Google en naar de mogelijke oplossingen gekeken?

Je voorbeeld doet niet zo heel veel aangezien er weinig te scrollen valt Kan je een werkende case online zetten of een complete set (met alleen een fixed element) zodat 't testen voor ons wat makkelijker gaat?

Het is niet alleen maar afhalen van hulp hier he

edit:

Zet je code ook even tussen [code=html][/] en [code=css][/] tags voor de leesbaarheid.

Dat was ook zeker niet de bedoeling, ik heb ondertussen het nodige aangepast. De google zoektermen die je gebruikte heb ik zelf niet gebruikt. Ik kwam eigenlijk alleen op oplossingen voor IE6 uit. De bovenste link maakt niet heel veel duidelijk maar link nr 2. is interessant. De code op die pagina vind ik wat onduidelijk maar het lijkt erop dat er verschillende manieren zijn, en dat ik in de body tag al iets moet specificeren voor die div. Kan het niet gewoon met een externe stylesheet waarin de CSS property's voor die div staan?

[ Voor 4% gewijzigd door Igor4 op 22-07-2009 15:43 ]

[Verwijderd]

In IE6 werkt het ook niet goed, het plaatje staat in het begin goed maar als je gaat scrollen staat het plaatje ineens links op de pagina.
Dus ik zou de oplossingen voor IE6 die op internet staan eerst maar eens proberen en dan werkt het met een beetje geluk ook in IE7.
Maar mijn idee is dat het ligt aan het left:0px gedeelte van je code, dit geef je als stijl element mee, IE interpreteert dit waarschijnlijk verkeerd. Dus probeer dit eens weg te laten.

[Bosmonster]

Position fixed werkt dan ook niet op IE6, maar zou gewoon prima moeten werken in IE7.

Waarom heb je het plaatje in de fixed div ook nog eens rechts gefloat en position fixed overigens? En dan het plaatje weer align="left" (wat feitelijk een float: left is). Als je die meuk er nou eens uithaalt.

Daarnaast kun je een afbeelding zelf ook gewoon op position fixed zetten, daar heb je geen div voor nodig ook nog eens eromheen.

[ Voor 19% gewijzigd door Bosmonster op 22-07-2009 16:08 ]

[dB90]

Om het in IE6 te laten werken geef je je body height:100%; en overflow:auto; Alles wat je vervolgens position:absolute; behandelt IE6 als fixed.

[Igor4]

Bedankt jongens! ik heb hem net geupload en ga nu even een pc met IE zoeken (heb zelf een mac zonder bootcamp nml.) zal zometeen laten weten of het nu goed werkt. Thanks!