Hoi tweakers,
Ik heb een positionerings-probleem van een afbeelding in IE 6.
Misschien dat een van jullie mij kan helpen?
Op de website gebruik ik in CSS een achtergrond afbeelding die ik in BODY definieer met als repeat-x.
Los daarvan wil ik een aan de linkerkant een grafische element positioneren met als TOP of MARGIN-TOP van 500px. Hier gebruik ik dus de volgende code voor:
Alle moderne browsers hebben geen moeite met deze code behalve IE6 natuurlijk .
De Span element heb ik net onder de body-tag geplaatst. Naar mijn mening maakt het niet uit waar je deze plaatst als het maar buiten je layout valt omdat je deze met Fixed gaat positioneren.
Het probleem is dat wanneer ik de browser-venster ga verkleinen mijn content naar beneden valt wanneer deze het grafische-element 'raakt'.
Wanneer ik bijvoorbeeld: de Float: left vervang door marging-left: 0px dan verdwijnt de hele grafische-element.
Mocht er iemand een oplossing voor dit probleem hebben dan wil ik de desbetreffende persoon alvast bedanken.
Gr
Martin
Ik heb een positionerings-probleem van een afbeelding in IE 6.
Misschien dat een van jullie mij kan helpen?
Op de website gebruik ik in CSS een achtergrond afbeelding die ik in BODY definieer met als repeat-x.
code:
1
| body {background: url(../images/bg-index.png) repeat-x #fff} |
Los daarvan wil ik een aan de linkerkant een grafische element positioneren met als TOP of MARGIN-TOP van 500px. Hier gebruik ik dus de volgende code voor:
code:
1
| <span class="bg-element"></span> |
code:
1
2
3
4
5
6
| .bg-element {position:fixed; float: left; margin-top: 500px; background: url(../images/element.png); width:200px ; height:326px; } |
Alle moderne browsers hebben geen moeite met deze code behalve IE6 natuurlijk .
De Span element heb ik net onder de body-tag geplaatst. Naar mijn mening maakt het niet uit waar je deze plaatst als het maar buiten je layout valt omdat je deze met Fixed gaat positioneren.
Het probleem is dat wanneer ik de browser-venster ga verkleinen mijn content naar beneden valt wanneer deze het grafische-element 'raakt'.
Wanneer ik bijvoorbeeld: de Float: left vervang door marging-left: 0px dan verdwijnt de hele grafische-element.
Mocht er iemand een oplossing voor dit probleem hebben dan wil ik de desbetreffende persoon alvast bedanken.
Gr
Martin